注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

John's Blog

天空,有梦就可以飞翔!

 
 
 

日志

 
 
关于我

刚走出校园的毕业生,就读计算机网络专业,对网站建设有一定的基础。开始探求Drupal已有一段时间,对Drupal的发展很是看好。现就职于深圳慧衡科技有限公司(intematrix.cn),它是一家专门服务于中国及海外中小企业的网络营销分析和优化服务提供商。 QQ交流群:44581272

网易考拉推荐

不间断JS图片滚动  

2009-03-15 11:56:21|  分类: 图片特效 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

不间断JS图片滚动,不是CSS的,图片走马灯,很不错,平滑的图片滚动效果。

===================================================

<html>
<head>
<title>图片滚动</title>
</head>
<body>
<div id="marquee_demo" style="overflow:hidden;width:100%;text-align:center;border:1px solid #0066cc">
<table cellspacing="0" cellpadding="3" align="center" border="0">
<tr>
<td id="marquee_product1" valign="top">
<table width="100%" height="100" border="0" cellpadding="2" cellspacing="0">
<tr>
<td><a href="http://www.codefans.net"><img src="http://www.codefans.net/jscss/demoimg/wall_s1.jpg" border=0></a></td>
<td><a href="http://www.codefans.net"><img src="http://www.codefans.net/jscss/demoimg/wall_s2.jpg" border=0></a></td>
<td><a href="http://www.codefans.net"><img src="http://www.codefans.net/jscss/demoimg/wall_s3.jpg" border=0></a></td>
<td><a href="http://www.codefans.net"><img src="http://www.codefans.net/jscss/demoimg/wall_s4.jpg" border=0></a></td>
<td><a href="http://www.codefans.net"><img src="http://www.codefans.net/jscss/demoimg/wall_s5.jpg" border=0></a></td>
<td><a href="http://www.codefans.net"><img src="http://www.codefans.net/jscss/demoimg/wall_s6.jpg" border=0></a></td>
<td><a href="http://www.codefans.net"><img src="http://www.codefans.net/jscss/demoimg/wall_s7.jpg" border=0></a></td>
<td><a href="http://www.codefans.net"><img src="http://www.codefans.net/jscss/demoimg/wall_s8.jpg" border=0></a></td>
<td><a href="http://www.codefans.net"><img src="http://www.codefans.net/jscss/demoimg/wall_s9.jpg" border=0></a></td>
</tr>
</table>
</td>
<td id="marquee_product2" valign="top"></td>
</tr>
</table>
</div>
<script type="text/javascript">
var speed=30;
marquee_product2.innerHTML=marquee_product1.innerHTML;
function Marquee(){
if(marquee_demo.scrollLeft>=marquee_product1.scrollWidth){
marquee_demo.scrollLeft=0;
}
else{
marquee_demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
marquee_demo.onmouseover=function(){clearInterval(MyMar);}
marquee_demo.onmouseout=function(){MyMar=setInterval(Marquee,speed);}
</script>
</body>
</html>

========================================

   

  评论这张
 
阅读(561)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016