自己做的js图片滚动特效能在HTML下面和aspx页面下正常无限滚动,为什么套一个ASP.nte后滚动到最后一张就不滚了?

问题描述

js代码<scriptlanguage="JavaScript"type="text/javascript">varSpeed=1;//速度(毫秒)varSpace=20;//每次移动(px)varPageWidth=800;//翻页宽度varfill=0;//整体移位varMoveLock=false;varMoveTimeObj;varComp=0;varAutoPlayObj=null;GetObj("List2").innerHTML=GetObj("List1").innerHTML;GetObj('ISL_Cont').scrollLeft=fill;GetObj("ISL_Cont").onmouseover=function(){clearInterval(AutoPlayObj);}GetObj("ISL_Cont").onmouseout=function(){AutoPlay();}AutoPlay();functionGetObj(objName){if(document.getElementById){returneval('document.getElementById("'+objName+'")')}else{returneval('document.all.'+objName)}}functionAutoPlay(){//自动滚动clearInterval(AutoPlayObj);AutoPlayObj=setInterval('ISL_GoDown();ISL_StopDown();',3000);//间隔时间}functionISL_GoUp(){//上翻开始if(MoveLock)return;clearInterval(AutoPlayObj);MoveLock=true;MoveTimeObj=setInterval('ISL_ScrUp();',Speed);}functionISL_StopUp(){//上翻停止clearInterval(MoveTimeObj);if(GetObj('ISL_Cont').scrollLeft%PageWidth-fill!=0){Comp=fill-(GetObj('ISL_Cont').scrollLeft%PageWidth);CompScr();}else{MoveLock=false;}AutoPlay();}functionISL_ScrUp(){//上翻动作if(GetObj('ISL_Cont').scrollLeft<=0){GetObj('ISL_Cont').scrollLeft=GetObj('ISL_Cont').scrollLeft+GetObj('List1').offsetWidth}GetObj('ISL_Cont').scrollLeft-=Space;}functionISL_GoDown(){//下翻clearInterval(MoveTimeObj);if(MoveLock)return;clearInterval(AutoPlayObj);MoveLock=true;ISL_ScrDown();MoveTimeObj=setInterval('ISL_ScrDown()',Speed);}functionISL_StopDown(){//下翻停止clearInterval(MoveTimeObj);if(GetObj('ISL_Cont').scrollLeft%PageWidth-fill!=0){Comp=PageWidth-GetObj('ISL_Cont').scrollLeft%PageWidth+fill;CompScr();}else{MoveLock=false;}AutoPlay();}functionISL_ScrDown(){//下翻动作if(GetObj('ISL_Cont').scrollLeft>=GetObj('List1').scrollWidth){GetObj('ISL_Cont').scrollLeft=GetObj('ISL_Cont').scrollLeft-GetObj('List1').scrollWidth;}GetObj('ISL_Cont').scrollLeft+=Space;}functionCompScr(){varnum;if(Comp==0){MoveLock=false;return;}if(Comp<0){//上翻if(Comp<-Space){Comp+=Space;num=Space;}else{num=-Comp;Comp=0;}GetObj('ISL_Cont').scrollLeft-=num;setTimeout('CompScr()',Speed);}else{//下翻if(Comp>Space){Comp-=Space;num=Space;}else{num=Comp;Comp=0;}GetObj('ISL_Cont').scrollLeft+=num;setTimeout('CompScr()',Speed);}}</script>样式和div代码<styletype="text/css">#Con{position:relative;width:800px;height:450px;}#Con.Scroll{float:left;width:800px;height:450px;}#Con.Scrollimg{width:800px;height:450px;}#Con:hovera.dirl{width:45px;height:64px;display:block;background-image:url('Images/http/L-1.png');position:absolute;left:0;top:200px;background-color:#808080;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;cursor:pointer;}#Cona.dirl{width:45px;height:64px;display:none;background-image:url('Images/http/L-1.png');position:absolute;left:0;top:200px;}#Cona.dirl:hover{background-image:url('Images/http/L-2.png');}#Con:hovera.dirr{width:45px;height:64px;display:block;background-image:url('Images/http/R-1.png');position:absolute;right:0;top:200px;background-color:#808080;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;cursor:pointer;}#Cona.dirr{width:45px;height:64px;display:none;background-image:url('Images/http/R-1.png');position:absolute;right:0;top:200px;}#Cona.dirr:hover{background-image:url('Images/http/R-2.png');}/*滚动样式*/.rollBox{width:800px;overflow:hidden;height:450px;}.rollBox.Cont{width:800px;height:450px;overflow:hidden;float:left;}.rollBox.ScrCont{width:10000000px;}.rollBox#List1,.rollBox#List2{float:left;}</style></head><body><%--div盒子模型,高度,宽度放内容--%><divid="Con"><divclass="rollBox"><divclass="Cont"id="ISL_Cont"><divclass="ScrCont"><divid="List1"><!--图片列表begin--><%--滚动内容开始--%><divclass="Scroll"><imgsrc="Images/Scroll/1.jpg"/></div><%--滚动内容结束--%><%--滚动内容开始--%><divclass="Scroll"><imgsrc="Images/Scroll/2.jpg"/></div><%--滚动内容结束--%><%--滚动内容开始--%><divclass="Scroll"><imgsrc="Images/Scroll/3.jpg"/></div><%--滚动内容结束--%><%--滚动内容开始--%><divclass="Scroll"><imgsrc="Images/Scroll/4.jpg"/></div><%--滚动内容结束--%><!--图片列表end--></div><divid="List2"></div></div></div></div><%--左右切换按钮--%><ahref="#"class="dirl"onmousedown="ISL_GoUp()"onmouseup="ISL_StopUp()"onmouseout="ISL_StopUp()"></a><ahref="#"class="dirr"onmousedown="ISL_GoDown()"onmouseup="ISL_StopDown()"onmouseout="ISL_StopDown()"></a><%--左右却换按钮结束--%></div></body>

解决方案

解决方案二:
没有html5支持渲染?
解决方案三:
js报错和HTML5渲染有啥关系呢?

时间: 2024-11-05 16:31:30

自己做的js图片滚动特效能在HTML下面和aspx页面下正常无限滚动,为什么套一个ASP.nte后滚动到最后一张就不滚了?的相关文章

asp.net-ASP.NET不想使用ASPX页面,如果我采用html格式怎么做后台处理

问题描述 ASP.NET不想使用ASPX页面,如果我采用html格式怎么做后台处理 我想到用一般处理程序,但是一个action就得对应一个一般处理程序,我要是一个页面有多个action就要对应多个action这样做反而更麻烦,请问大神们asp.net如何采用html页面,用什么做后台处理的? 解决方案 是指Form Action 可以带参数区分不同的Action 解决方案二: 肯定是js处理了,可以一个html对应一个一般处理程序,一般处理程序里面传值type每一个操作调用不同的方法,这样就可以

JS图片无缝、平滑滚动代码

 这篇文章主要介绍了JS图片无缝.平滑滚动的实现,需要的朋友可以参考下 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止.它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用.   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

JS图片无缝、平滑滚动代码_javascript技巧

非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止.它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

可自定义速度的js图片无缝滚动示例分享

 这篇文章主要介绍了非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,大家参考使用吧 思路:   一组图片 控制它的滚动条进行滚动 且此时对这组图片进行复制并添加进原图片组中,现在就有两组图片了.你可以想象一下,现在滚动条继续滚动,原来那组图片最后一张图片已经滚至顶端且消失,复制的那组图片的第一张跟在原图最后一张图片后出现,此时你就能感觉到无缝滚动了. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)_javascript技巧

**兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码(支持左移/右移功能)(本示例为上下两行图片进行双行滚动) **实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆, **通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置, **因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到"无缝&

常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)_javascript技巧

废话不多说了,直接给大家贴代码了,具体代码如下所示: <head> <-----> </head> <body> <!--向下滚动代码开始--> <div id="colee" style="overflow:hidden;height:253px;width:410px;"> <div id="colee1"> <p><img src=&quo

可自定义速度的js图片无缝滚动示例分享_javascript技巧

思路: 一组图片 控制它的滚动条进行滚动 且此时对这组图片进行复制并添加进原图片组中,现在就有两组图片了.你可以想象一下,现在滚动条继续滚动,原来那组图片最后一张图片已经滚至顶端且消失,复制的那组图片的第一张跟在原图最后一张图片后出现,此时你就能感觉到无缝滚动了. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

js图片连续向左滚动代码

提示:您可以先修改部分代码再运行 js图片连续向左滚动代码 说明一 说明二 说明三 说明四 说明五 提示:您可以先修改部分代码再运行

js图片文字滚动代码

js图片文字滚动代码,本文章提供几款文字滚动的实例代码,大概原理是用js的时间来搞滑动效果哦. <script > var imgc = 1;//图片序列开始 var imgm = 5;//图片序列结束 var flag = 1;//标记鼠标移动 var tm;//定时器 //自动循环播放图片 function cgimg(){ if(flag==0)return; var mimg = document.getelementbyid("mimg"); mimg.src =