先看看效果~!

济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级

用简单的JavaScript语句可以实现marquee滚动速度及方向的调节~!

尝试过用jquery,但是实现难度很大~!

代码如下:

平常有没有想过实现这个功能呢~!

<div style="overflow: hidden; width: 245px; height: 245px;" id="cc">
<div style="float: left"><marquee height="245" width="225" direction="up" scrolldelay="12" scrollamount="2" id="mqMsg" class="aa">济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级济南大学计算03级</marquee></div>
<div style="float: right; width: 18px; height: 245px;" id="div1">
<div onmouseout="mqMsg.scrollAmount='2'" style="background: url(http://opper.blog.51cto.com/album/628423/123146697418.gif); width: 13px; height: 17px;" onmouseover="mqMsg.scrollAmount='10'" class="updiv"></div>
<div style="width: 13px; height: 211px; background-color: #ffebf8;"></div>
<div onmouseout="mqMsg.scrollAmount='2';mqMsg.direction='up'" style="background: url(http://opper.blog.51cto.com/album/628423/123146696900.gif); width: 13px; height: 17px;" onmouseover="mqMsg.scrollAmount='10';mqMsg.direction='down'" class="downdiv"></div>
</div>
</div>
posted on 2009-01-09 10:47  opper  阅读(2936)  评论(0编辑  收藏  举报

青丝网

脱发治疗

www.faako.com