我要啦免费统计

          微藍領域

          我的學習檔案館
          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>
          主站蜘蛛池模板: 贵港市| 夏津县| 云和县| 新竹市| 肥东县| 红桥区| 濮阳市| 丹凤县| 平陆县| 桑植县| 荔波县| 永登县| 静海县| 乌拉特中旗| 新巴尔虎右旗| 镇安县| 藁城市| 白河县| 库尔勒市| 长白| 普定县| 班戈县| 林芝县| 孟津县| 景谷| 平乐县| 安庆市| 阳朔县| 平阴县| 门源| 中方县| 昌平区| 巴塘县| 新巴尔虎左旗| 乐陵市| 榆中县| 扎兰屯市| 大余县| 泽库县| 白城市| 石台县|