您的位置:首页 > 其它

点击鼠标控制图片左右滑动而不影响 motools

2011-11-03 17:19 495 查看
 



<div class="LeftBotton" onmousedown="FmxISL_GoUp_1()" onmouseup="FmxISL_StopUp_1()" onmouseout="FmxISL_StopUp_1()"></div>
<div class="Cont" id="ISL_Cont_1">
<div class="ScrCont">
<div id="List1_1">
<ul>
<li><a href="#">图片6</a></li>
<li><a href="#">图片5</a></li>
<li><a href="#">图片4</a></li>
<li><a href="#">图片3</a></li>
<li><a href="#">图片2</a></li>
<li><a href="#">图片1</a></li>
</ul>
</div>
<div id="List2_1"></div>
</div>
</div>
<div class="RightBotton" onmousedown="FmxISL_GoDown_1()" onmouseup="FmxISL_StopDown_1()"   onmouseout="FmxISL_StopDown_1()"></div>
</div>
<script type="text/javascript" language="javascript">
//<![CDATA[
//图片滚动
var fmxSpeed_1 = 10; //速度(毫秒)
var fmxSpace_1 = 10; //每次移动(px)
var fmxPageWidth_1 = 164; //翻页宽度
var fmxfill_1 = 8; //整体移位
var fmxMoveLock_1 = false;
var fmxMoveTimeObj_1;
var fmxComp_1 = 0;
var fmxAutoPlayObj_1=null;
$("List2_1").innerHTML=$("List1_1").innerHTML;
$("ISL_Cont_1").scrollLeft=fmxfill_1>=0?fmxfill_1:$("List1_1").scrollWidth-Math.abs(fmxfill_1);
$("ISL_Cont_1").onmouseover=function(){clearInterval(fmxAutoPlayObj_1)}
$("ISL_Cont_1").onmouseout=function(){FmxAutoPlay_1()}
FmxAutoPlay_1();
function FmxAutoPlay_1(){
clearInterval(fmxAutoPlayObj_1);
//fmxAutoPlayObj_1=setInterval('FmxISL_GoDown_1();FmxISL_StopDown_1();',5000);
}
function FmxISL_GoUp_1(){
if(fmxMoveLock_1)return;
clearInterval(fmxAutoPlayObj_1);
fmxMoveLock_1=true;
fmxMoveTimeObj_1=setInterval('FmxISL_ScrUp_1();',fmxSpeed_1)
}
function FmxISL_StopUp_1(){
clearInterval(fmxMoveTimeObj_1);
if(($("ISL_Cont_1").scrollLeft-fmxfill_1)%fmxPageWidth_1!=0){
fmxComp_1=fmxfill_1-($("ISL_Cont_1").scrollLeft%fmxPageWidth_1);
FmxCompScr_1();
}else{
fmxMoveLock_1=false;
}
FmxAutoPlay_1()
}
function FmxISL_ScrUp_1(){
if($("ISL_Cont_1").scrollLeft<=0){
$("ISL_Cont_1").scrollLeft=$("ISL_Cont_1").scrollLeft+$("List1_1").offsetWidth;
}
$("ISL_Cont_1").scrollLeft-=fmxSpace_1;
}
function FmxISL_GoDown_1(){
clearInterval(fmxMoveTimeObj_1);
if(fmxMoveLock_1)return;
clearInterval(fmxAutoPlayObj_1);
fmxMoveLock_1=true;FmxISL_ScrDown_1();
fmxMoveTimeObj_1=setInterval('FmxISL_ScrDown_1()',fmxSpeed_1);
}
function FmxISL_StopDown_1(){
clearInterval(fmxMoveTimeObj_1);
if($("ISL_Cont_1").scrollLeft%fmxPageWidth_1-(fmxfill_1>=0?fmxfill_1:fmxfill_1+1)!=0){
fmxComp_1=fmxPageWidth_1-$("ISL_Cont_1").scrollLeft%fmxPageWidth_1+fmxfill_1;
FmxCompScr_1();
}else{
fmxMoveLock_1=false;
}
FmxAutoPlay_1();
}
function FmxISL_ScrDown_1(){
if($("ISL_Cont_1").scrollLeft>=$("List1_1").scrollWidth){
$("ISL_Cont_1").scrollLeft=$("ISL_Cont_1").scrollLeft-$("List1_1").scrollWidth;
}
$("ISL_Cont_1").scrollLeft+=fmxSpace_1;
}
function FmxCompScr_1(){
if(fmxComp_1==0){
fmxMoveLock_1=false;
return;
}
var num,TempSpeed=fmxSpeed_1,TempSpace=fmxSpace_1;
if(Math.abs(fmxComp_1)<fmxPageWidth_1/2){
TempSpace=Math.round(Math.abs(fmxComp_1/fmxSpace_1));
if(TempSpace<1){
TempSpace=1;
}
}
if(fmxComp_1<0){
if(fmxComp_1<-TempSpace){
fmxComp_1+=TempSpace;
num=TempSpace;
}else{
num=-fmxComp_1;
fmxComp_1=0;
}
$("ISL_Cont_1").scrollLeft-=num;
setTimeout('FmxCompScr_1()',TempSpeed);
}else{
if(fmxComp_1>TempSpace){
fmxComp_1-=TempSpace;num=TempSpace;
}else{
num=fmxComp_1;
fmxComp_1=0;
}
$("ISL_Cont_1").scrollLeft+=num;setTimeout('FmxCompScr_1()',TempSpeed);
}
}
//]]>
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  function list div class null