拖拽翻頁效果代碼(精)
2010/11/16 14:28:14
拖拽翻頁效果代碼(精) <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 <
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
一本加勒比HEZYO无码人妻|
亚洲日本在线电影|
雪花飘在线电影观看韩国|
国产综合精品一区二区|
一区二区三区视频|
日批视频在线免费观看|
亚洲1234区乱码|
欧美日韩中文在线视频|
人妻少妇精品视频一区二区三区
|
欧美女人毛茸茸|
人人澡人人澡人人看|
练瑜伽的时候进入|
国产乱码卡一卡2卡三卡四|
久热中文字幕在线精品免费|
国产精品色内内在线播放|
a√天堂中文在线最新版|
彩虹男gary网站|
久久久久久一区国产精品|
日韩欧美亚洲乱码中文字幕|
亚洲乱码精品久久久久..|
欧美激情一区二区|
亚洲线精品一区二区三区影音先锋
|
亚洲人成亚洲人成在线观看|
毛片A级毛片免费播放|
免费99热在线观看|
精品爆乳一区二区三区无码av
|
日韩a视频在线观看|
亚洲av成人无码久久精品老人|
欧美日本中文字幕|
亚洲理论电影在线观看|
琪琪色在线播放|
免费国产美女爽到喷出水来视频|
绝美女神抬臀娇吟|
国产aaa级一级毛片|
被夫上司强迫的女人在线|
国产女人18毛片水真多1|
992tv成人影院|
国产极品白嫩精品|
中文在线天堂网|
日韩精品无码专区免费播放|
免费的三级毛片|