循环向左滚动 JS CSS

前端之家收集整理的这篇文章主要介绍了循环向左滚动 JS CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

// JavaScript Document


//滚动
function GetGundong(demoStr,demoStr1,demoStr2,speed)
{
  var demo=document.getElementById(demoStr);
  var demo1=document.getElementById(demoStr1);
  var demo2=document.getElementById(demoStr2);
  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)}
 }
 
//滚动
function GetSxGundong(demoStr,speed)
{
  var demo=document.getElementById(demoStr);
  var demo1=document.getElementById(demoStr1);
  var demo2=document.getElementById(demoStr2);
  
  demo2.innerHTML=demo1.innerHTML
  function Marquee2(){
  if(demo2.offsetTop-demo.scrollTop<=0)
  demo.scrollTop-=demo1.offsetHeight;
  else{
  demo.scrollTop++;
  }
  }
  var MyMar=setInterval(Marquee2,speed);
  demo.onmouSEOver=function() {clearInterval(MyMar)}
  demo.onmouSEOut=function() {MyMar=setInterval(Marquee2,speed)}
}


function resize(o) {
	if (o.width>580) {
	o.style.width='580px';
	o.style.height='auto';
	}
}

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

原文链接:https://www.f2er.com/html/457417.html

猜你在找的HTML相关文章