javascript实现简单的走马灯

是的,最近都在做大学生也能做的东西,anyway,  拓宽知识面,js远比我想象的强大。

 (忽视那个asp.net的变量声明,那个是从数据库取的数据)


<div id="pro"><a href="product_type.aspx?product_type_id=9" class="a_display"><div class="title"><h1>产品推荐</h1><div class="go"></div></div></a>
    <div id="picdemo"><pre name="code" class="html">            <%=table_define %>
							<tbody>
							<tr>
							<td id="picdemo1" valign="top" >
			<%=product_overview %>
            				</td>
							<td id="picdemo2" valign="top" >
							</td>
							</tr></tbody></table>
    </div>
</div>
 

				  <script>
				      var speed = 30
				      picdemo2.innerHTML = picdemo1.innerHTML
				      function MarqueePic() {
				          if (picdemo2.offsetWidth - picdemo.scrollLeft <= 0) {
				              picdemo.scrollLeft -= picdemo1.offsetWidth
				          }
				          else {
				              picdemo.scrollLeft = picdemo.scrollLeft + 1
				          }
				      }
				      var MyMarPic = setInterval(MarqueePic, speed)
				      picdemo.onmouseover = function () { clearInterval(MyMarPic) }
				      picdemo.onmouseout = function () { MyMarPic = setInterval(MarqueePic, speed) }
				  </script>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值