我要啦免费统计

          微藍領域

          我的學習檔案館
          posts - 19, comments - 57, trackbacks - 0, articles - 57
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

          圖片的無縫滾動

          Posted on 2008-08-05 14:03 hilor 閱讀(337) 評論(0)  編輯  收藏 所屬分類: common
          一則很不錯的圖片滾動代碼:

          向右滾動:
           <div id=demo style=overflow:hidden;height:35;width:200;background:#214984;color:#ffffff>
           <table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
           <img src="http://www.songzi.org/blog/styles/default/sz_blog.gif">
           <img src="http://www.songzi.org/forum/images/powered.gif">
           <img src="http://iedoo.net/logo/mylogo.gif"></td>
          <td id=demo2 valign=top></td></tr></table></div>
           <script>
           var speed=30
           demo2.innerHTML=demo1.innerHTML
           demo.scrollLeft=demo.scrollWidth
           function Marquee(){
           if(demo.scrollLeft<=0)
           demo.scrollLeft+=demo2.offsetWidth
           else{
           demo.scrollLeft--
           }
           }
           var MyMar=setInterval(Marquee,speed)
           demo.onmouseover=function() {clearInterval(MyMar)}
           demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
           </script>

          向左滾動:
           <div id=demo style=overflow:hidden;height:35;width:200;background:#214984;color:#ffffff>
           <table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
           <img src="http://www.songzi.org/blog/styles/default/sz_blog.gif">
           <img src="http://www.songzi.org/forum/images/powered.gif">
           <img src="http://iedoo.net/logo/mylogo.gif"></td>
          <td id=demo2 valign=top></td></tr></table></div>
            <script>
          var speed=30
          demo2.innerHTML=demo1.innerHTML
          function Marquee(){
          if(demo2.offsetWidth-demo.scrollLeft<=0)
          demo.scrollLeft-=demo1.offsetWidth
          else{
          demo.scrollLeft++
          }
          }
          var MyMar=setInterval(Marquee,speed)
          demo.onmouseover=function() {clearInterval(MyMar)}
          demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
          </script>

          向上滾動:
           <div id=demo style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff>
           <div id=demo1>
           <img src="http://www.songzi.org/forum/images/powered.gif">
           <img src="http://www.songzi.org/blog/styles/default/sz_blog.gif">
           <img src="http://iedoo.net/logo/mylogo.gif">
           </div>
           <div id=demo2></div>
           </div>
          <script>
           var speed=30
           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>

          向下滾動:
          <div id=demo style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff>
           <div id=demo1>
           <img src="http://www.songzi.org/forum/images/powered.gif">
           <img src="http://www.songzi.org/blog/styles/default/sz_blog.gif">
           <img src="http://iedoo.net/logo/mylogo.gif">
           </div>
           <div id=demo2></div>
           </div>
           <script>
           var speed=30
           demo2.innerHTML=demo1.innerHTML
           demo.scrollTop=demo.scrollHeight
           function Marquee(){
           if(demo1.offsetTop-demo.scrollTop>=0)
           demo.scrollTop+=demo2.offsetHeight
           else{
           demo.scrollTop--
           }
           }
           var MyMar=setInterval(Marquee,speed)
           demo.onmouseover=function() {clearInterval(MyMar)}
           demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
           </script>
          主站蜘蛛池模板: 休宁县| 滦南县| 广饶县| 邯郸市| 临武县| 扎囊县| 南漳县| 星座| 湾仔区| 霍城县| 莱芜市| 云林县| 页游| 绥滨县| 永吉县| 蛟河市| 内黄县| 凤阳县| 寻甸| 韩城市| 云霄县| 长武县| 九寨沟县| 廉江市| 永宁县| 鹤山市| 稷山县| 安多县| 宜黄县| 赞皇县| 湛江市| 革吉县| 余姚市| 阿拉尔市| 镶黄旗| 邵阳市| 桑日县| 洱源县| 元谋县| 罗城| 英超|