谁能帮我修改下这段javascript代码~100分
解决时间 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" ></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" ></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>
我要举报
大家都在看
推荐资讯