09制作图片漂浮广告教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,09制作图片漂浮广告教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）,制作图片漂浮广告,静态网站制作教学资源课件,网上有很多,JavaScript,特效的源代码，下载后我们就可以直接使用，,比如：,打开网页时，新闻或广告的图片在页面中漂浮移动，不仅可以增加网页的动感，还可以把重要的内容加强显示给用户。,实例10：,给网页添加如图5.34所示的漂浮广告,。,1,、,将素材中的“,floatingAd.js,”和“,jquery-1.7.2.min.js,”文件复制到练习站点的“,js,”文件夹中。,2,、,将素材中的“,ad.css,”文件复制到练习站点的“,styles,”文件夹中。,3,、,将图片素材文件“,star.jpg,”文件复制到练习站点的“,images,”文件夹中。,4,、,切换到“代码”视图，将实例素材中的以下代码复制在,标签后面：,$(function(),$.floatingAd(,delay:10,/,频率,isLinkClosed:true,/,超链接后是否关闭漂浮,/,漂浮内容,ad:,headFilter:0.3,img:images/star.jpg,/,图片,linkUrl:http:/