current location: Home > Download > JS effects > jQuery effects > jQuery mouse drag page turning js special effects code
jQuery mouse drag page turning js special effects code
Classify: JS effects / jQuery effects | Release time: 2018-01-30 | visits: 925 |
Download: 27 |
Latest Downloads
Fantasy Aquarium
Girls Frontline
Wings of Stars
Little Flower Fairy Fairy Paradise
Restaurant Cute Story
Shanhe Travel Exploration
Love and Producer
The most powerful brain 3
Odd Dust: Damila
Young Journey to the West 2
24 HoursReading Leaderboard
- 1 How Can I Implement Ellipsis Truncation in a Resizable Text Element?
- 2 diskmsg.dll - What is diskmsg.dll?
- 3 dialupmanager.dll - What is dialupmanager.dll?
- 4 diagrpt.dll - What is diagrpt.dll?
- 5 Why does a CSS transition with ease-in-out behave smoothly on hover but abruptly on mouse-out?
- 6 dicrhash.dll - What is dicrhash.dll?
- 7 How to Inject Dependencies into Self-Instantiated Objects in Spring?
- 8 Why Does PHP Echo \"2\" When Adding and Concatenating Integers?
- 9 Why is my Java application using GMT instead of my OS timezone, and how can I fix it?
- 10 How to Effectively Ping HTTP URLs in Java: A Comprehensive Guide
- 11 Why Does My `std::fstream` Fail to Create a File?
- 12 How to Bind to CSS Classes in UI5 XML Views Using the \"class\" Attribute?
- 13 Why Does Panic Recovery with Local Variables Not Change the Returned Values in Go?
- 14 digiconf.dll - What is digiconf.dll?
- 15 How can I generate UML diagrams from my existing PHP classes?
Latest Tutorials
-
- Go language practical GraphQL
- 1923 2024-04-19
-
- 550W fan master learns JavaScript from scratch step by step
- 3343 2024-04-18
-
- Getting Started with MySQL (Teacher mosh)
- 1752 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--Ten days of quality class
- 2562 2024-03-29
This is a mouse-drag page-turning js special effects code that allows you to drag and drop tables to turn pages. It is very convenient and has a beautiful interface.
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+"Drag the page to turn the page</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);
}
}
}