当前位置:编程学习 > C#/ASP.NET >>

急。。。求改错--无缝MARQUEE-JS

从右向左移动图片不想有空白区域  就想由自身图片填充循环移动 这段代码写的总是有空白区不会改了 


#m4_bot{width:960px; height:170px; margin:22px 31px 15px; float:left; list-style:none; display:inline; overflow:hidden;}
.m4_bot{width:960px; height:170px; margin:22px 31px 15px; float:left; list-style:none; display:inline; overflow:hidden;}
#m4_img{width:129px; height:80px; float:left; margin:7px; list-style:none; margin-top:22px; margin-bottom:68px; margin:10px; display:inline;}
.m4_img{width:129px; height:80px; float:left; margin:7px; list-style:none; margin-top:22px; margin-bottom:68px; margin:10px; display:inline;}
#m4_text{width:121px;height:43px;list-style:none;float:left;margin-top:3px;margin-left:15px;text-align: center; margin:15px; display:inline;
color:#666; font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 12px;}
.m4_text{width:121px;height:43px;list-style:none;float:left;margin-top:3px;margin-left:15px;text-align: center; margin:15px; display:inline;
color:#666; font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 12px;} 
#m4_text1{float:left;}  





<div id="m4_bot" class="m4_bot">
    <marquee scrollAmount="3" direction="Left" behavior="scroll" width="957" height="152" loop="-1" onMouseOut="this.start()" onMouseOver="this.stop" behavior="alternate" onMouseOver="this.stop()" onMouseOut="this.start()" SCROLLDELAY="0">
    <ul>
      <p id="m4_img">
      <ul>
      <li class="m4_img"><a href="#"><img src="../images/images/images/d_03.jpg"></a></li>
      <li class="m4_img"><a href="#"><img src="../images/images/images/d_05.jpg"></a></li>
      <li class="m4_img"><a href="#"><img src="../images/images/images/d_07.jpg"></a></li>
      <li class="m4_img"><a href="#"><img src="../images/images/images/d_09.jpg"></a></li>
      <li class="m4_img"><a href="#"><img src="../images/images/images/d_11.jpg"></a></li>
      <li class="m4_img"><a href="#"><img src="../images/images/images/d_13.jpg"></a></li>
      </p>
      <p id="m4_text">
      <li class="m4_text"><a href="#">企业组:深圳市中保鸿</br>
        业科技发展有限公司...</a></li>
      <li class="m4_text"><a href="#">企业组:深圳市中保鸿</br>
        业科技发展有限公司...</a></li>
      <li class="m4_text"><a href="#">企业组:深圳市中保鸿</br>
        业科技发展有限公司...</a></li>
      <li class="m4_text"><a href="#">企业组:深圳市中保鸿</br>
        业科技发展有限公司...</a></li>
      <li class="m4_text"><a href="#">企业组:深圳市中保鸿</br>
        业科技发展有限公司...</a></li>
      <li class="m4_text"><a href="#">企业组:深圳市中保鸿</br>
        业科技发展有限公司...</a></li>
      </p>
    </ul>
    <li id="m4_text1"></li></ul>
    <script language="javascript"> 
var speed=30 
m4_text1.innerHTML=m4_img.innerHTML 
function Marquee(){ 
if(m4_text1.offsetLeft-m4_bot.scrollLeft<=0)
m4_bot.scrollLeft-=m4_img.offsetLeft  
else{ 
m4_bot.scrollLeft++ 


var MyMar=setInterval(Marquee,speed) 
m4_bot.onmouseover=function() {clearInterval(MyMar)} 
m4_bot.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
    </marquee>
补充:.NET技术 ,  ASP.NET
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,