當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

向左滚动，每次滚动的长度可以设置，然后暂停后继续滚动

發布時間：2023/12/1 编程问答 32 豆豆

生活随笔收集整理的這篇文章主要介紹了向左滚动，每次滚动的长度可以设置，然后暂停后继续滚动小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?支持FF等所有瀏覽器
向左滾動，每次滾動的長度可以設置，然后暫停后繼續滾動

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8">

<LINK media=screen href="slide/win2.css"
type=text/css rel=stylesheet>
<SCRIPT language=javascript src="slide/Fx.js"
type=text/javascript></SCRIPT>

<META content="MSHTML 6.00.5730.13" name=GENERATOR></HEAD>
<BODY>

<DIV class=hot_words_btnLeft><A id=button_1
href="#"></A></DIV>
<DIV class=scroll_box>
<DIV class=clearfix id=js_1>
<DL>
<DT><A href="" target=_blank><IMG height=80
src="slide/xin2qi-2_55.jpg"
width=80></A> </DT>
<DD><A href="" target=_blank>corange.cn</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG height=80
src="slide/6.jpg" width=80></A> </DT>
<DD><A href="" target=_blank>ASP,PHP,JSP,JS,ASP.NET,div,CSS等網站建設相關技術</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG height=80
src="slide/1.jpg" width=80></A>
</DT>
<DD><A href="" target=_blank>www.corange.cn</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/2.jpg" width=80></A>
</DT>
<DD><A href="" target=_blank>滿就送</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/3.jpg" width=80></A>
</DT>
<DD><A href="" target=_blank>試衣間</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/4.jpg"
width=80></A> </DT>
<DD><A href="" target=_blank>圖片空間</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/7.jpg"
width=80></A> </DT>
<DD><A href="" target=_blank>社區寶貝分享插件</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/8.jpg"
width=80></A> </DT>
<DD><A href="" target=_blank>社區團購插件</A>
</DD></DL>
<DL>
<DT><A href="" target=_blank><IMG
height=80 src="slide/9.jpg"
width=80></A> </DT>
<DD><A href="" target=_blank>網站開發代碼</A>
</DD></DL></DIV></DIV>
<DIV class=hot_words_btnRight><A id=button_2
href="#"></A></DIV>
<SCRIPT language=javascript type=text/javascript>
var button_1=document.getElementById("button_1");
var button_2=document.getElementById("button_2");
var target=document.getElementById("js_1");
//var el=document.getElementById("js_2");

var fx=new Fx(target,{property:"left",unit:"px",from:0,to:0,period:800});

var move=new Move(target,110*4,2,"left",fx);
move.autoStart();

button_2.οnclick=function(){
move.left();

return false;
}
button_1.οnclick=function(){
move.right();

return false;
}
target.οnmοuseοver=function(){
move.autoStop();
}
target.οnmοuseοut=function(){
move.autoStart();
}
</SCRIPT>

</BODY></HTML>
http://www.corange.cn//uploadfiles/slide_25257.rar

原文地址:http://www.corange.cn/archives/2009/10/3481.html

轉載于:https://www.cnblogs.com/zerogo/archive/2009/10/30/2209098.html

總結

以上是生活随笔為你收集整理的向左滚动，每次滚动的长度可以设置，然后暂停后继续滚动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

长度