The cool javascript drag paging function enables seamless loop paging. you can drag the mouse to complete the paging. drag the mouse to the left to return to the previous page. drag the right to open the second page with animation effects, it is really good. The interface is black and non-mainstream. I believe many people will like it. Javascript implements cool drag paging
Js
Drag pages
Script function id (obj) {return document. getElementById (obj);} var page; var lm, mx; var md = false; var sh = 0; var en = false; window. onload = function () {page = document. getElementsByTagName ("p"); if (page. length> 0) {page [0]. style. zIndex = 2;} for (I = 0; I
75) {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 (document. all) {this. releaseCapture ();} else {window. releaseEvents (Event. MOUSEMOVE | Event. MOUSEUP) ;}flyout (this) ;}} function flyout (obj) {if (obj. offsetLeft <75) {if (obj. offsetLeft + 350-20)>-275) {obj. style. left = obj. offsetLeft + 350-20; window. setTimeout ("flyout (id ('" + obj. id + "');", 0);} else {obj. style. left =-275; obj. style. zIndex = 0; flyin (id (obj. id) ;}} if (obj. offsetLeft> 75) {if (obj. offsetLeft + 350 + 20) <1125) {obj. style. left = obj. offsetLeft + 350 + 20; window. setTimeout ("flyout (id ('" + obj. id + "');", 0);} else {obj. style. left = 1125; obj. style. zIndex = 0; flyin (id (obj. id) ;}} function flyin (obj) {if (obj. offsetLeft <75) {if (obj. offsetLeft + 350 + 20) <425) {obj. style. left = obj. offsetLeft + 350 + 20; window. setTimeout ("flyin (id ('" + obj. id + "');", 0);} else {obj. style. left = 425; en = false ;}} if (obj. offsetLeft> 75) {if (obj. offsetLeft + 350-20)> 425) {obj. style. left = obj. offsetLeft + 350-20; window. setTimeout ("flyin (id ('" + obj. id + "');", 0);} else {obj. style. left = 425; en = false; }}} script
Html:
- Pearl of the Orient
- ! Lover
- Quiet hot spring
- What you look like
- Love song 1980
- Love song 1980
- Love song 2000
- Orphan of Asia Pacific
- Childhood
- Pearl of the Orient
- -
- Homesickness
- Pass through your black hair my hand
- Song of war
- Yellow Face
- Taipei Red Rose
The above is all the content of this article. I hope you will like it.