推荐两个图片滚动效果代码
文章来源：金石科技学习园地频道 作者：小Y 编辑：小Y
更新时间：[2009-02-22]
| 天由于一点失误，图片滚动效果没有达到预想的效果，忙了半天，恍然大悟，晕死了。
不过推荐两个相应的代码，大家看看吧！
一、js代码
<div id="PORT_scroll" style="width:602px;height:185px;letter-spacing:1px;overflow:hidden" onMouseOver="scrollStop()"; onMouseOut="scrollStart()">
滚动内容
</div>
<SCRIPT language=JavaScript>
<!--
var scroll_timer;
var delta1 = 1;
function scrollit1() {
PORT_scroll.scrollLeft = PORT_scroll.scrollLeft delta1;
if(PORT_scroll.scrollLeft>=PORT_scroll.scrollWidth-PORT_scroll.clientWidth) {
delta1 = delta1 * -1;
}
if(PORT_scroll.scrollLeft<=0)
delta1 = delta1 * -1;
}
function scrollStop() {
window.clearInterval(scroll_timer);
}
function scrollStart() {
scroll_timer=window.setInterval(scrollit1();, 30);
}
-->
</SCRIPT><SCRIPT>scrollStart();</SCRIPT>
二、html自带的MARQUEE郊果
|
|
<DIV align=center>
<MARQUEE scrollDelay="60" behavior="alternate" scrollAmount="4" direction="left" width="100%" height="185" onmouseover=this.stop() onmouseout=this.start()>
滚动内容
</MARQUEE><DIV></DIV></DIV>
