永发信息网

谁能帮我修改下这段javascript代码~100分

答案:2  悬赏:50  手机版
解决时间 2021-05-15 01:58
  • 提问者网友:自食苦果
  • 2021-05-14 15:43

<script language="javascript">
marqueesHeight=100; //内容区高度
marqueeswidth=410; //内容区宽度
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
noWrap=true; //这句表内容区不自动换行
style.width=0; //于是我们可以将它的宽度设为0,因为它会被撑大
style.height=marqueesHeight;
style.overflowY="hidden"; //滚动条不可见
onmouseover=new Function("stopscroll=true"); //鼠标经过,停止滚动
onmouseout=new Function("stopscroll=false"); //鼠标离开,开始滚动
}
//这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:
document.write('<div id="templayer" style="margin-top:-500px;position:absolute;z-index:1;visibility:hidden"></div>');
function init(){ //初始化滚动内容
//多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
} //把"templayer"的内容的“两倍”复制回原内容区:
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时,调用"scrollUp()"函数驱动滚动条:
setInterval("scrollUp()",40);//80为滚动速度,越大越慢
}
document.body.onload=init;
preTop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
preTop=marquees.scrollTop; //记录滚动前的滚动条位置
marquees.scrollTop+=1; //滚动条向下移动一个像素
//如果滚动条不动了,则向上滚动到和当前画面一样的位置
//当然不仅如此,同样还要向下滚动一个像素(+1):
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
</script>

----------------------------------------------------------------------------------

以上代码是从下往上移动图片、

我像请你们帮我修改成从右向左移动的、

javascript大人显身吧、跪求~~!

最佳答案
  • 五星知识达人网友:枭雄戏美人
  • 2021-05-14 16:27

<style type="text/css"> <!-- #demo { background:#FFFFFF; overflow:hidden; width: 100%; } #demo img { border: 1px solid #999999; height:70px; padding:3px; width:135px; } #indemo { float: left; width: 800%; } #demo1 { float: left; } #demo2 { float: left; } .friend{ border:1px solid #E8E8E8; font-family:Arial, Helvetica, sans-serif; font-size:13px; } .friend img{ float:left; } --> </style> <div id="demo"> <div id="indemo"> <div id="demo1"> <span class="friend"> <a href=" http://www.dz889.com/" target="_blank" title="大正房地产"><img src="admin/Friend/200909071252307671.gif" width="125" height="55" border="0"/></a> </span> <span class="friend"> <a href="htp://byjy.sqshenghuo.com" target="_blank" title="北苑家园生活网"><img src="admin/Friend/200908301251597469.jpg" width="125" height="55" border="0"/></a> </span> <span class="friend"> <a href="htp://tty.sqshenghuo.com" target="_blank" title="亦庄生活网"><img src="admin/Friend/200908231250991153.jpg" width="125" height="55" border="0"/></a> </span> <span class="friend"> <a href="htp://tty.sqshenghuo.com" target="_blank" title="回龙观生活网"><img src="admin/Friend/200908231250991083.jpg" width="125" height="55" border="0"/></a> </span> <span class="friend"> <a href=" http://tty.sqshenghuo.com/" target="_blank" title="天通苑生活网"><img src="admin/Friend/200908211250866688.jpg" width="125" height="55" border="0"/></a> </span> <span class="friend"> <a href=" http://www.qqi6.com/" target="_blank" title="天通苑"><img src="admin/Friend/200908211250848489.gif" width="125" height="55" border="0"/></a> </span> <span class="friend"> <a href=" http://www.sqshenghuo.com/bbs/home/" target="_blank" title="望京开心网"><img src="admin/Friend/200907041246718485.gif" width="125" height="55" border="0"/></a> </span> <div id="demo2"></div> </div> </div> <script> <!-- var speed=23; //数字越大速度越慢 var tab=document.getElementById("demo"); var tab1=document.getElementById("demo1"); var tab2=document.getElementById("demo2"); tab2.innerHTML=tab1.innerHTML; function Marquee(){ if(tab2.offsetWidth-tab.scrollLeft<=0) tab.scrollLeft-=tab1.offsetWidth else{ tab.scrollLeft++; } } var MyMar=setInterval(Marquee,speed); tab.onmouseover=function() {clearInterval(MyMar)}; tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; //--> </script>




演示地址: http://www.sqshenghuo.com/gundong.php

全部回答
  • 1楼网友:纵马山川剑自提
  • 2021-05-14 17:09

试试看吧

<script language="javascript"> marqueesWidth=100; //内容区高度 marqueeswidth=410; //内容区宽度 sLeftscroll=false; //这个变量控制是否停止滚动 with(marquees){ noWrap=true; //这句表内容区不自动换行 style.width=marqueesWidth; style.height=0; style.overflowX="hidden"; //滚动条不可见 onmouseover=new Function("sLeftscroll=true"); //鼠标经过,停止滚动 onmouseout=new Function("sLeftscroll=false"); //鼠标离开,开始滚动 } //这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面: document.write('<div id="templayer" style="margin-Left:-500px;position:absolute;z-index:1;visibility:hidden"></div>'); function init(){ //初始化滚动内容 //多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度: while(templayer.offsetWidth<marqueesWidth){ templayer.innerHTML+=marquees.innerHTML; } //把"templayer"的内容的“两倍”复制回原内容区: marquees.innerHTML=templayer.innerHTML+templayer.innerHTML; //设置连续超时,调用"scrollUp()"函数驱动滚动条: setInterval("scrollUp()",40);//80为滚动速度,越大越慢 } document.body.onload=init; preLeft=0; //这个变量用于判断滚动条是否已经到了尽头 function scrollUp(){ //滚动条的驱动函数 if(sLeftscroll==true) return; //如果变量"sLeftscroll"为真,则停止滚动 preLeft=marquees.scrollLeft; //记录滚动前的滚动条位置 marquees.scrollLeft+=1; //滚动条向右移动一个像素 //如果滚动条不动了,则向右滚动到和当前画面一样的位置 //当然不仅如此,同样还要向右滚动一个像素(+1): if(preLeft==marquees.scrollLeft){ marquees.scrollLeft=templayer.offsetWidth-marqueesWidth+1; } } </script>

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯