js图片滚动在一个页面可以多次调用的问题

2015-05-05 04:28:49 180 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

OnlyOffice Docker部署实战：解除20连接限制+500M文件上传配置（附中文字体解决方案）本文详细介绍了OnlyOffice企业级Docker部署的全过程，包括解除20并发连接限制、提升文件上传大小至500MB以及解决中文字体显示问题。通过定制镜像、优化配置和字体安装，帮助技术团队快速搭建高性能的文档协作平台，适用于企业级应用场景。阅读详情

我要在页面里调用这样的js效果8次，样式是一样的怎么能多次调用而没有冲突呢！



var Speed = 10; //速度(毫秒)

var Space = 10; //每次移动(px)

var PageWidth = 305; //翻页宽度

var fill = 0; //整体移位

var MoveLock = false;

var MoveTimeObj;

var Comp = 0;

var AutoPlayObj = null;

GetObj(c).innerHTML = GetObj(b).innerHTML;

GetObj(a).scrollLeft = fill;

GetObj(a).onmouseover = function(){clearInterval(AutoPlayObj);}

GetObj(a).onmouseout = function(){AutoPlay();}

AutoPlay();

function GetObj(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval



('document.all.'+objName)}}

function AutoPlay(){ //自动滚动

clearInterval(AutoPlayObj);

AutoPlayObj = setInterval('ISL_GoDown();ISL_StopDown();',5000); //间隔时间

}

function ISL_GoUp(){ //上翻开始

if(MoveLock) return;

clearInterval(AutoPlayObj);

MoveLock = true;

MoveTimeObj = setInterval('ISL_ScrUp();',Speed);

}

function ISL_StopUp(){ //上翻停止

clearInterval(MoveTimeObj);

if(GetObj(a).scrollLeft % PageWidth - fill != 0){

Comp = fill - (GetObj(a).scrollLeft % PageWidth);

CompScr();

}else{

MoveLock = false;

}

AutoPlay();

}

function ISL_ScrUp(){ //上翻动作

if(GetObj(a).scrollLeft <= 0){GetObj(a).scrollLeft = GetObj



(a).scrollLeft + GetObj(b).offsetWidth}

GetObj(a).scrollLeft -= Space ;

}

function ISL_GoDown(){ //下翻

clearInterval(MoveTimeObj);

if(MoveLock) return;

clearInterval(AutoPlayObj);

MoveLock = true;

ISL_ScrDown();

MoveTimeObj = setInterval('ISL_ScrDown()',Speed);

}

function ISL_StopDown(){ //下翻停止

clearInterval(MoveTimeObj);

if(GetObj(a).scrollLeft % PageWidth - fill != 0 ){

Comp = PageWidth - GetObj(a).scrollLeft % PageWidth + fill;

CompScr();

}else{

MoveLock = false;

}

AutoPlay();

}

function ISL_ScrDown(){ //下翻动作

if(GetObj(a).scrollLeft >= GetObj(b).scrollWidth){GetObj(a).scrollLeft =



GetObj(a).scrollLeft - GetObj(b).scrollWidth;}

GetObj(a).scrollLeft += Space ;

}

function CompScr(){

var num;

if(Comp == 0){MoveLock = false;return;}

if(Comp < 0){ //上翻

if(Comp < -Space){

   Comp += Space;

   num = Space;



}else{

   num = -Comp;

   Comp = 0;

}

GetObj(a).scrollLeft -= num;

setTimeout('CompScr()',Speed);

}else{ //下翻

if(Comp > Space){

   Comp -= Space;

   num = Space;

}else{

   num = Comp;

   Comp = 0;

}

GetObj(a).scrollLeft += num;

setTimeout('CompScr()',Speed);

}

}





  <div class="img1"><img class="img1" alt="下一幅" width="42" height="60" onMouseOut="ISL_StopDown()" onMouseUp="ISL_StopDown()" onMouseDown="ISL_GoDown()" style="cursor: pointer" src="images/left.png" /></div>

          <div class="img2"><img class="img2" alt="上一幅" width="42" height="60" onMouseOut="ISL_StopUp()" onMouseUp="ISL_StopUp()" onMouseDown="ISL_GoUp()" style="cursor: pointer" src="images/right.png" /></div>

          <div class=rollBox>

            <div id=ISL_Cont class=Cont>

              <div class=ScrCont>

                <div id=List1>

                  <div class=pic >

                    <div class="pic-bj"><a  href="#" ><img src="images/emp-01.jpg"  /></a></div>

                    <div class="txt"  noWrap><a href="#">案例名称</a></div>

                  </div>

                  <div class=pic >

                    <div class="pic-bj"><a  href="#" ><img src="images/emp-01.jpg"  /></a></div>

                    <div class="txt"  noWrap><a href="#">案例名称</a></div>

                  </div>

                  <div class=pic >

                    <div class="pic-bj"><a  href="#" ><img src="images/emp-01.jpg"  /></a></div>

                    <div class="txt"  noWrap><a href="#">案例名称</a></div>

                  </div>

                 <div class=pic >

                    <div class="pic-bj"><a  href="#" ><img src="images/emp-01.jpg"  /></a></div>

                    <div class="txt"  noWrap><a href="#">案例名称</a></div>

                  </div>

                 <div class=pic >

                    <div class="pic-bj"><a  href="#" ><img src="images/emp-01.jpg"  /></a></div>

                    <div class="txt"  noWrap><a href="#">案例名称</a></div>

                  </div>

                  <div class=pic >

                    <div class="pic-bj"><a  href="#" ><img src="images/emp-01.jpg"  /></a></div>

                    <div class="txt"  noWrap><a href="#">案例名称</a></div>

                  </div>

                </div>

                <div id=List2></div>

              </div>

            </div>

          </div>

...全文

图片数据爬取工具Image-Downloader的安装和使用文章目录1、python安装2、下载chromedriver并配置3、下载phantomjs并配置.4、安装相关python库5、使用安装包地址：https://github.com/sczhengyabin/Image-Downloader 下载：方式一：打开cmd,输入： git clone https://github.com/sczhengyabin/Image-Downloader.git 方式二：打开网址 1、python安装该数据爬取工具要求python>=3.5,由于阅读详情

wg910

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

js图片滚动在一个页面可以多次调用的问题

相关推荐