设为首页优惠IDC收藏本站六狼博客六狼论坛
开启辅助访问 切换到窄版

六狼论坛

 找回密码
 立即注册

QQ登录

只需一步，快速开始

新浪微博账号登陆

只需一步，快速开始

搜索
六狼论坛»首页 › WEB前端 › Html/Css › 流动图片无间隔流动
返回列表 发新帖
查看: 194|回复: 0

流动图片无间隔流动

[复制链接]
guooo

升级  14.33%

69

主题

69

主题

69

主题

举人

Rank: 3Rank: 3

积分
243
 楼主| 发表于 2013-2-7 20:46:57 | 显示全部楼层 |阅读模式
<div style="padding-right: 5.4pt; padding-left: 5.4pt; background: #e6e6e6; padding-bottom: 4px; width: 95%; padding-top: 4px;"><!--
body ...{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
-->
</style><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body bgcolor="#2b2f38">
<table width="190" height="472" border="1" align="left" cellspacing="0">
  <tr>
    <td width="180" align="left" valign="top">
<div id=demo style="overflow:hidden; width:190px; height:472px;"> 
<div id=demo1> 
<img src="image/10.jpg"><br>
<img src="image/11.jpg"><br>
<img src="image/12.jpg"><br>
<img src="image/13.jpg"><br>
<img src="image/14.jpg"><br>
<img src="image/15.jpg"><br>
<img src="image/16.jpg"><br>
<img src="image/17.jpg"><br>
<img src="image/18.jpg"><br>
<img src="image/19.jpg"><br>
<img src="image/20.jpg"><br>
<img src="image/21.jpg"><br>
<img src="image/22.jpg"><br>
<img src="image/23.jpg"><br>
<img src="image/24.jpg"><br>
<img src="image/25.jpg"><br>
<img src="image/26.jpg"><br>
<img src="image/27.jpg"><br>
<img src="image/28.jpg"><br>
</div> 
<div id=demo2></div> 
</div> 
<script language="javascript"> 
var speed=5
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> 
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表