富友自助建站客服!  

富友自助建站系统!

加入收藏

 

设为首页

 

联系我们

搜索内容 : 搜索类别 :
图片由下向上滚动

发布时间 2010-04-17


 

 将以下代码在编辑器的代码视图里插入到合适的位置并修改网址及图片地址:

<style type="text/css">
img{ border:0px; }
</style> 
<!-- 指向链接图片url -->  
<div id=demo style=overflow:hidden;height:600;width:200;background:#000000;color:#ffffff> 
<div id=demo1> 
<!-- 定义图片 --> 
<a href=http://www.511rich.net target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123414.jpg"></a>
<a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123349.jpg"></a>
<a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123334.jpg"></a>
<a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123255.jpg"></a>
<a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123237.jpg"></a>
<a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123225.jpg"></a>
<a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123121.jpg"></a>
<a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108123028.jpg"></a>
<a href="http://www.511rich.net" target="_blank"><img src="http://www.511rich.net/userlist/admin/data/userpic/20050108122624.jpg"></a>
</div> 
<div id=demo2></div> 
</div> 

<script> 
var speed=10 
demo2.innerHTML=demo1.innerHTML 
function Marquee()

if(demo2.offsetTop-demo.scrollTop<=0) 
demo.scrollTop-=demo1.offsetHeight 
else{ 
demo.scrollTop++ 


var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() 
{
clearInterval(MyMar)

demo.onmouseout=function() 
{
MyMar=setInterval(Marquee,speed)

</script> 

代码解释:

1、其中9行蓝色代码是分别是9张图的代码(即第1行是1.jpg这张图的代码,如此类推),如果您的图片不是9张,可以相应地增加或者减少几行代码!每行代码的区别就是图片文件名不同!第1行是1.jpg 第2行是2.jpg
2、蓝色这行代码中,绿色标记的网址,是指点击这张图片后要链接的新网页的网址,可以修改成自己的网址。
3、
background:#000000代表背景色是黑色,修改此颜色代码,即可改背景色。
4、height:600;width:290代表滚动窗口的高度和宽度,如果您的图片不是290宽的,可以将290这个高度改成相应的值
5、var speed=10  这是控制滚动速度的,修改10 这个数值即可。数值越大,速度越慢。
6、如果图片要加上边框,就把最前面的以下这几行代码删除即可 
<style type="text/css">
img{ border:0px; }
</style> 

 

效果图:

 导航DH5188

 西藏虫草

 门户信息

 东盛建站

 伟博网

 自力建站

 韩语学校

华夏人文

黑眼豆豆

来此购物

建站论坛

网站素材

 

 

 

 

 

 

 

 

地址:山东省东营市 邮编: 257231
电话: 0546-3699517传真: 0546-3699517 E-Mail:wbhoo@163.com 网站管理