javascript实现首页图片自动切换【HTML/JSP】
来源:互联网 发布:苏州大学网络认证服务 编辑:程序博客网 时间:2024/06/05 11:09
现在访问网站主页的时候,吸引我们眼球的已经不是那些古板的文字 排版,而是华丽且实用的动图效果,如下图所示:
通过动图,我们可以看到本站的最新活动,最新新闻等等,这些图片往往几秒钟切换一次,显示更新,点击图片即可看到详细内容。
我们在做网页设计的时候,也可以拿来借鉴。
下面介绍一下 效果的实现 :javascript 。我们可以将这些类似万能钥匙的代码 填充到你想要展示的位置。
<script language='javascript' type="text/javascript"> linkarr = new Array(); picarr = new Array(); textarr = new Array(); var swf_width=760; var swf_height=311; var files = "images/pic.jpg|images/pic1.jpg|images/pic2.jpg|images/pic3.jpg"; var links = "#|#|#|#"; var texts = ""; for(i=1;i<picarr.length;i++){ if(files=="") files = picarr[i]; else files += "|"+picarr[i]; } for(i=1;i<linkarr.length;i++){ if(links=="") links = linkarr[i]; else links += "|"+linkarr[i]; } for(i=1;i<textarr.length;i++){ if(texts=="") texts = textarr[i]; else texts += "|"+textarr[i]; } document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">'); document.write('<param name="movie" value="images/indexpic.swf"><param name="quality" value="high">'); document.write('<param name="menu" value="false"><param name=wmode value="opaque">'); document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">'); document.write('<embed src="images/indexpic.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>'); </script>
- javascript实现首页图片自动切换【HTML/JSP】
- [javascript]首页图片自动切换的一种实现方式
- [javascript]首页图片自动切换的一种实现方式
- JSP+JavaScript实现图片切换
- Javascript实现首页内容切换
- Net 2.0 实现动态切换首页图片
- JavaScript图片切换实现
- JavaScript实现Mop自动切换的图片新闻框子
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果
- javaBean+JSP+JS+XML实现从发布文章中自动提取图片在首页轮换效果
- 网易新闻首页的实现,可以添加,移除标签,自动滚动图片,无限左右切换图片
- Android 滑动切换(首页展示,图片、新闻自动切换,循环切换,自动和手动)
- SlideShowExtender实现图片自动切换
- js实现图片自动切换
- js实现图片自动切换
- javascript实现图像自动切换
- 黑马程序员--Java基础小结(一)
- 从头开始学习开发django系列-1、配置环境,以windows为例
- WIN7下protel 99se的“file not recognized”问题解决
- 0/1背包问题
- 如何在多台机器上共享ios证书
- javascript实现首页图片自动切换【HTML/JSP】
- CSS分别设置Input样式(按input类型
- JavaScript验证大全
- 不上大学,你可以学些什么?
- form表单里面 button标签自动提交表单的问题
- VC下使用ADO数据库访问技术时遇到的问题
- django中获取sessionid
- Cocos2d-x android项目移植——各类bug及常见问题解决方案全集
- Cocos2d-x CocosBuilder使用教程(一)HelloCocosBuilder