You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.0 KiB
JavaScript
66 lines
2.0 KiB
JavaScript
6 years ago
|
|
||
|
|
//酒店详细信息的价格列表
|
||
|
|
|
||
|
|
function $(obj){return document.getElementById(obj)}
|
||
|
|
var maxWidth=$("img").getElementsByTagName("ul")[0].getElementsByTagName("li").length*105;
|
||
|
|
var isScroll=false;
|
||
|
|
var modiLeft;
|
||
|
|
$("scroll").onmousedown=function(evt){
|
||
|
|
isScroll=true;
|
||
|
|
evt=(evt)?evt:((window.event)?window.event:null);
|
||
|
|
if(evt.offsetX){
|
||
|
|
modiLeft=parseInt(evt.offsetX)
|
||
|
|
}
|
||
|
|
else{modiLeft=parseInt(evt.layerX)}
|
||
|
|
}
|
||
|
|
document.onmouseup=function(){
|
||
|
|
isScroll=false;
|
||
|
|
}
|
||
|
|
document.onmousemove=function(evt){
|
||
|
|
evt=(evt)?evt:((window.event)?window.event:null);
|
||
|
|
if(evt && isScroll){
|
||
|
|
$("scroll").style.left=parseInt(evt.clientX)-parseInt($("scrollBar").offsetLeft)-modiLeft+"px";
|
||
|
|
if(parseInt($("scroll").style.left)<0){$("scroll").style.left=0+"px"}
|
||
|
|
if(parseInt($("scroll").style.left)>570){$("scroll").style.left=570+"px"}
|
||
|
|
$("img").scrollLeft=parseInt($("scroll").style.left)*((maxWidth-600)/570);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var targetx = 150;//一次滚动距离
|
||
|
|
var dx;
|
||
|
|
var a=null;
|
||
|
|
function moveLeft(){
|
||
|
|
var le=parseInt($("img").scrollLeft);
|
||
|
|
if(le>targetx){
|
||
|
|
targetx=parseInt($("img").scrollLeft)-targetx;
|
||
|
|
}
|
||
|
|
else{targetx=parseInt($("img").scrollLeft)-le-1}
|
||
|
|
scLeft();
|
||
|
|
}
|
||
|
|
function scLeft(){
|
||
|
|
dx=parseInt($("img").scrollLeft)-targetx;
|
||
|
|
$("img").scrollLeft-=dx*.3;
|
||
|
|
|
||
|
|
$("scroll").style.left=parseInt($("img").scrollLeft)*(570/(maxWidth-600))+"px";
|
||
|
|
if(parseInt($("scroll").style.left)<0){$("scroll").style.left=0+"px"}
|
||
|
|
if(parseInt($("scroll").style.left)>570){$("scroll").style.left=570+"px"}
|
||
|
|
clearScroll=setTimeout(scLeft,50);
|
||
|
|
if(dx*.3<1){clearTimeout(clearScroll)}
|
||
|
|
}
|
||
|
|
function moveRight(){
|
||
|
|
var le=parseInt($("img").scrollLeft)+targetx;
|
||
|
|
var maxL=maxWidth-600;
|
||
|
|
if(le<maxL){
|
||
|
|
targetx=parseInt($("img").scrollLeft)+targetx;
|
||
|
|
}
|
||
|
|
else{targetx=maxL}
|
||
|
|
scRight();
|
||
|
|
}
|
||
|
|
function scRight(){
|
||
|
|
dx=targetx-parseInt($("img").scrollLeft);
|
||
|
|
$("img").scrollLeft+=dx*.3;
|
||
|
|
$("scroll").style.left=parseInt($("img").scrollLeft)*(573/(maxWidth-600))+"px";
|
||
|
|
if(parseInt($("scroll").style.left)<0){$("scroll").style.left=0+"px"}
|
||
|
|
if(parseInt($("scroll").style.left)>=570){$("scroll").style.left=570+"px"}
|
||
|
|
a=setTimeout(scRight,50);
|
||
|
|
if(dx*.3<1){clearTimeout(a)}
|
||
|
|
}
|