亚洲AV日韩精品久久久久久,国产亚洲人成网站在线观看,欧美日韩亚洲电影网在线观看

拖拽翻頁效果代碼（精）　　<html> 　　<head> 　　<title>ThrowPage</title> 　　<style type="text/css"> 　　html,body{ 　　width:100%; 　　height:100%; 　　border:0px; 　　margin:0px; 　　overflow:hidden; 　　} 　　#menu{ 　　width:1000px; 　　height:500px; 　　overflow:hidden; 　　background:lightblue; 　　} 　　.page{ 　　position:absolute; 　　width:300px; 　　height:400px; 　　left:350px; 　　top:50px; 　　background:#FFF; 　　border:1px solid #999; 　　} 　　ul{ 　　list-style:none; 　　height:320px; 　　margin:20px; 　　padding:0px; 　　background:#EEE; 　　} 　　li{ 　　font-size:12px; 　　height:20px; 　　line-height:20px; 　　border-bottom:1px dashed #999; 　　} 　　li span{ 　　float:right; 　　} 　　li a{ 　　color:#000; 　　text-decoration:none; 　　} 　　li a:hover{ 　　text-decoration:underline; 　　} 　　.tip{ 　　display:block; 　　height:20px; 　　margin:0px 20px; 　　line-height:20px; 　　text-align:center; 　　font-size:12px; 　　background:#999; 　　} 　　</style> 　　</head> 　　<body> 　　<script type="text/javascript"> 　　function id(obj){ 　　return document.getElementById(obj); 　　} 　　var page; 　　var mx; 　　var md=false; 　　var sh=0; 　　var en=false; 　　window.onload=function(){ 　　page=id("menu").getElementsByTagName("div"); 　　if(page.length>0){ 　　page[0].style.zIndex=2; 　　} 　　for(i=0;i<page.length;i++){ 　　page[i].innerHTML+="<span class=\"tip\">"+(i+1)+"/"+page.length+"頁拖拽翻頁</span>"; 　　page[i].id="page"+i; 　　page[i].i=i; 　　page[i].onmousedown=function(e){ 　　if(!en){ 　　if(!e){e=e||window.event;} 　　ex=e.pageX?e.pageX:e.x; 　　mx=350-ex; 　　this.style.cursor="move"; 　　md=true; 　　if(document.all){ 　　this.setCapture(); 　　}else{ 　　window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); 　　} 　　} 　　} 　　page[i].onmousemove=function(e){ 　　if(md){ 　　en=true; 　　if(!e){e=e||window.event;} 　　ex=e.pageX?e.pageX:e.x; 　　this.style.left=ex+mx+"px"; 　　if(this.offsetLeft<350){ 　　var cu=(this.i==0)?page.length-1:this.i-1; 　　page[sh].style.zIndex=0; 　　page[cu].style.zIndex=1; 　　this.style.zIndex=2; 　　sh=cu; 　　} 　　if(this.offsetLeft>350){ 　　var cu=(this.i==page.length-1)?0:this.i+1; 　　page[sh].style.zIndex=0; 　　page[cu].style.zIndex=1; 　　this.style.zIndex=2; 　　sh=cu; 　　} 　　} 　　} 　　page[i].onmouseup=function(){ 　　this.style.cursor="default"; 　　md=false; 　　if(this.offsetLeft==350){ 　　en=false; 　　} 　　if(document.all){ 　　this.releaseCapture(); 　　}else{ 　　window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP); 　　} 　　flyout(this); 　　} 　　} 　　} 　　function flyout(obj){ 　　if(obj.offsetLeft <