网页的设计制作_第1页
网页的设计制作_第2页
网页的设计制作_第3页
网页的设计制作_第4页
网页的设计制作_第5页
已阅读5页，还剩16页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、网页的设计制作一一 JavaScript简介简介二二 行为行为三三 制作制作JavaScript特效特效四四 实训实训 网页中插入网页中插入JavaScript的方法：的方法：HTML中嵌入中嵌入JavaScriptJavaScript语言代码链接链接JavaScript文件文件WindowScreenFramesHistoryNavigatorLocationScriptsDocumentLinkAnchorsForms【案例综述】使用字幕技术和JavaScript脚本语言修改曙光大学网站首页友情链接栏目的展示形式。【案例展示】使用循环向上滚动的字幕展示友情链接的院校信息。当浏览者将鼠标移动

2、到字幕区域后，字幕停止运动，让浏览者清晰地看到相关信息。 Height /weight : 高度、宽度 behavior: 用于设定滚动的方式，主要由三种方式： scroll: 表示由一端滚动到另一端； slide: 表示由一端滚动到另一端，且不再重复； alternate: 表示在两端之间来回滚动。 direction: left左(默认值); right 右;up 上;down 下; bgcolor: 背景颜色 scrollamount: 滚动的速度scrolldelay: 延迟时间 loop: 循环次数 onmouseout=“三” :运动 onmouseover=三 :停止【案例综述】

3、使用字幕技术和JavaScript脚本语言修改曙光大学网站首页学校风采展示图片的展示形式。【案例展示】使用循环向左滚动的字幕展示学校风采的系列图片。当浏览者将鼠标移动到字幕区域后，字幕停止运动；当浏览者将鼠标移出字幕区域后，字幕继续运动。该字幕是不间断循环滚动的，本案例的效果如图所示。【案例综述】制作曙光大学网站首页幻灯切换广告，展示学校最新的新闻图片。【案例展示】制作学校新闻栏目中的幻灯切换广告。每隔一段时间，广告自动切换到下一幅画面；用户单击广告下方的数字，将直接切换到相应的画面；用户单击链接文字，可以打开相应的网页。【实训综述】读者在学习了Dremweaver内置行为的基础上，进一步加强内置行为的练习，制作更多的网页交互功能。【实训展示】制作“爱家美食”网站菜谱弹出信息框，当浏览者用鼠标单击菜谱图像后，弹出一个信息框，显示菜谱的简介信息，效果如图所示。【实训综述】读者在学习了JavaScript脚本语言的基础上，进一步加强使用代码制作网页特效的练习。【实训展示】修改“爱家美食”网站首页的静态广告图片为动态的幻灯切换广告，本实

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论