我要啦免费统计

          微藍領域

          我的學習檔案館
          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>
          主站蜘蛛池模板: 沂水县| 玛沁县| 定州市| 柏乡县| 阳城县| 琼结县| 六安市| 天气| 汝城县| 南丰县| 德江县| 宁津县| 德保县| 城步| 广丰县| 得荣县| 崇仁县| 常州市| 顺昌县| 阳山县| 玛纳斯县| 隆化县| 柳河县| 仁布县| 新晃| 剑河县| 和平县| 集贤县| 邹城市| 曲阜市| 大厂| 图木舒克市| 伊春市| 巍山| 化州市| 长沙县| 乌海市| 三明市| 谢通门县| 隆昌县| 方山县|