模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
图片特效特效代码
>
收藏
分享
查看评论
图片特效
演示
图象滚动公告版_图片特效特效
查看演示效果
特效Tag：
暂无Tag,欢迎
添加
,赚取U币!
图象滚动公告版,您可以先修改部分代码再运行.
<!-- ====1、将以下代码加入到HEML的<body></body>之间--> <script language="JavaScript1.2"> <!-- /*设置下面的参数。 设置scrollerwidth和scrollerheight参数，设置成滚动显示的图片中尺寸最大的。*/ var scrollerwidth=140 var scrollerheight=40 var scrollerbgcolor='white' //每个图间暂停3秒。 var pausebetweenimages=1500 //边界下面的行，如果希望logo都是带连接的，只要加上<a>标签即可。 var slideimages=new Array() slideimages[0]='<a href="/index.htm"><img src="http://p1.mb5u.com/texiao/1/2011022516042024.gif" border=0"></a>' slideimages[1]='<a href="/index.htm"><img src="http://p1.mb5u.com/texiao/1/2011022516042025.gif"></a>' slideimages[2]='<a href="/index.htm"><img src="http://p1.mb5u.com/texiao/1/2011022516042026.gif"></a>' slideimages[3]='<a href="/index.htm"><img src="http://p1.mb5u.com/texiao/1/2011022516042025.gif"></a>' //尽管填加更多的。 //////以下不要修改//////////////// if (slideimages.length>1) i=2 else i=0 function move1(whichlayer){ tlayer=eval(whichlayer) if (tlayer.top>0&&tlayer.top<=5){ tlayer.top=0 setTimeout("move1(tlayer)",pausebetweenimages) setTimeout("move2(document.main.document.second)",pausebetweenimages) return } if (tlayer.top>=tlayer.document.height*-1){ tlayer.top-=5 setTimeout("move1(tlayer)",100) } else{ tlayer.top=scrollerheight tlayer.document.write(slideimages[i]) tlayer.document.close() if (i==slideimages.length-1) i=0 else i++ }} function move2(whichlayer){ tlayer2=eval(whichlayer) if (tlayer2.top>0&&tlayer2.top<=5){ tlayer2.top=0 setTimeout("move2(tlayer2)",pausebetweenimages) setTimeout("move1(document.main.document.first)",pausebetweenimages) return } if (tlayer2.top>=tlayer2.document.height*-1){ tlayer2.top-=5 setTimeout("move2(tlayer2)",100) } else{ tlayer2.top=scrollerheight tlayer2.document.write(slideimages[i]) tlayer2.document.close() if (i==slideimages.length-1) i=0 else i++ }} function move3(whichdiv){ tdiv=eval(whichdiv) if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){ tdiv.style.pixelTop=0 setTimeout("move3(tdiv)",pausebetweenimages) setTimeout("move4(second2)",pausebetweenimages) return } if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){ tdiv.style.pixelTop-=5 setTimeout("move3(tdiv)",100) } else{ tdiv.style.pixelTop=scrollerheight tdiv.innerHTML=slideimages[i] if (i==slideimages.length-1) i=0 else i++ } } function move4(whichdiv){ tdiv2=eval(whichdiv) if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){ tdiv2.style.pixelTop=0 setTimeout("move4(tdiv2)",pausebetweenimages) setTimeout("move3(first2)",pausebetweenimages) return } if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){ tdiv2.style.pixelTop-=5 setTimeout("move4(second2)",100) } else{ tdiv2.style.pixelTop=scrollerheight tdiv2.innerHTML=slideimages[i] if (i==slideimages.length-1) i=0 else i++ }} function startscroll(){ if (document.all){ move3(first2) second2.style.top=scrollerheight } else if (document.layers){ move1(document.main.document.first) document.main.document.second.top=scrollerheight+5 document.main.document.second.visibility='show' }} window.onload=startscroll //--> </script> <ilayer id="main" width="&{scrollerwidth};" height="&{scrollerheight};" bgcolor="&{scrollerbgcolor};"> <layer id="first" left="0" top="1" width="&{scrollerwidth};"> <script language="JavaScript1.2"> if (document.layers) document.write(slideimages[0]) </script> </layer> <layer id="second" left="0" top="0" width="&{scrollerwidth};" visibility="hide"> <script language="JavaScript1.2"> if (document.layers) document.write(slideimages[1]) </script> </layer> </ilayer> </p> <p><script language="JavaScript1.2"> <!-- if (document.all){ document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">') document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">') document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">') document.write(slideimages[0]) document.writeln('</div>') document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">') document.write(slideimages[1]) document.writeln('</div>') document.writeln('</div>') document.writeln('</span>') } //--></script>
所属频道：
图片特效特效
/
更新时间：2012-10-30
[收藏]
[报错]
[返回列表]
相关
图片特效特效
：
图片自动缩放
图像过来
禁止对图片用右键(仅支持IE)
图片的渐显播放效果的代码
对联式的图片广告代码
页面的左右下脚始终固定不动的图片广告代码
图片渐渐出现脚本
图象淡入淡出 Script
经典相册效果
左右移动的图片
图像映射
图形循环渐显脚本
图片特效特效Rss订阅
特效代码搜索
图片特效特效推荐
来自新浪的一款简洁JS焦点图切换代码
变长宽的图片
向上翻动的内容切换示例
JS禁止下载网页图片
Js移动图片、获得图片坐标、设置图片隐藏等等
超逼真的JS图片放大镜
缓慢飘起的JS浮动图片代码
XML立体字体
一个奇特的扩大、缩小图片区域的JS代码
纯CSS 漂亮的立体图片边框效果，阴影代码
猜你也喜欢看这些
上下左右滚动的走马灯文字代码
彩虹文字
超酷的链接提示title效果
文字来回上下移动或跳动
一行一行显示的网页文字，由Js控制输出
纯CSS链接悬停提示
打开链接时弹出询问确认框
容器自动扩展
链接驱动背景色
火焰一样的文字链接悬停特效
相关链接：
复制本页链接
|
搜索图象滚动公告版
特效说明：
图片特效模板
-
图象滚动公告版
。
。