雅虎新闻|| BBC新闻|| CNN新闻|| 美元指数|| 中国期货指数|| 股票指数|| 黄金|| 外汇|| 英汉互译|| 昭放工具
163邮箱|| 126邮箱|| 新浪邮箱|| 企业邮箱|| 21cn邮箱|| tom邮箱|| 搜狐邮箱|| hotmail邮箱|| msn邮箱|| qq邮箱

用户登录

设为主页| 淘宝铺| 加入收藏|
您的IP:3.14.132.178您的操作系统:Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
个人便签
知识库
横向滚动代码-注意图片的数量少了滚动不了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<div id="dmo_1" style="height:140px; width:660px;overflow:hidden;">
  <ul id="dmo_1_u" style="margin-left:-2px;padding-top:5px;">
  <li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">

  <a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 "><img src="/files/shortpictures/2011-4/201142933319.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a><br /><a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 ">红茶沟公园 </a>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
  <a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 "><img src="/files/shortpictures/2011-4/201142933319.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a><br /><a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 ">红茶沟公园 </a>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
  <a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 "><img src="/files/shortpictures/2011-4/201142933319.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a><br /><a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 ">红茶沟公园 </a>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
  <a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 "><img src="/files/shortpictures/2011-4/201142933319.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a><br /><a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 ">红茶沟公园 </a>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
  <a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 "><img src="/files/shortpictures/2011-4/201142933319.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a><br /><a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 ">红茶沟公园 </a>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
  <a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 "><img src="/files/shortpictures/2011-4/201142933319.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a><br /><a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 ">红茶沟公园 </a>
</li><li style="width:130px; height:120px; overflow:hidden; top:0px; left:0px;float:left; margin-left:2px; margin-right:2px;background-color:#F4F7FC">
  <a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 "><img src="/files/shortpictures/2011-4/201142933319.jpg" width="120" height="90" border="0" style="padding:2px;border:1px solid #CCCCCC" />
  </a><br /><a href="/zjra/2011429/n7548114.html" target="_blank" title="红茶沟公园 ">红茶沟公园 </a>
</li>

                </ul>
            </div>

<!--图片滚动-->
<script>
   
    var speed=30 
    var MyMar;
    var n=0;
    var len=document.getElementById("dmo_1_u").getElementsByTagName("li").length;
    if(len>=5)
    {
    document.getElementById("dmo_1_u").innerHTML=document.getElementById("dmo_1_u").innerHTML + document.getElementById("dmo_1_u").innerHTML;
    document.getElementById("dmo_1_u").style.width=(135 * len * 2) + "px";
     MyMar=setInterval(Marquee,speed)
    }
    function Marquee(){
       if(document.getElementById("dmo_1").scrollLeft>=(document.getElementById("dmo_1").scrollWidth/2 -10))
       {
       document.getElementById("dmo_1").scrollLeft=0;
      
       }
       else{
       document.getElementById("dmo_1").scrollLeft=document.getElementById("dmo_1").scrollLeft + 1;
       }
    }
 
   document.getElementById("dmo_1").onmouseover=function(){
        clearInterval(MyMar);
    }
   document.getElementById("dmo_1").onmouseout=function(){
       MyMar=setInterval(Marquee,speed);
   }
  
</script>

</body>
</html>

星期三, 07/27/2011 - 12:32 — 杨超