Provides a completely new browsing experience. HTML code can be added to each page.
This is a small example I made. I used jquery ui and JTooltips.
Operation:
1. Left click to flip the page
2. right-click to zoom in. You can drag the enlarged image with the mouse and scroll the pulley, when you zoom in the image, right-click it and close it (because multiple right-click operations are blocked by my right-click menu)
3. automatic page turning: record the previous operation as "Forward" or "backward" and keep the status
4. the url contains the page value, which is set to the initial page of the magazine and recorded when the link is sent.
If an error occurs, refresh it first.
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <Html xmlns =" http://www.w3.org/1999/xhtml "> <Head> <meta http-equiv =" Content-Type "content =" text/html; charset = GBK "/> <title> EasyShow-Liehuo.net </title> <script src =" http://www.bkjia.com/ Uploads/common/jquery-1.3.2.min.js "language =" javascript "type =" text/javascript "> </script> <link rel =" stylesheet "href =" http://www.bkjia.com/ Uploads/allimg/1002/liehuo100107.css "type =" text/css "title =" main "/> <script src =" http://www.bkjia.com/ Uploads/Common/js/ui. core. js "language =" javascript "type =" text/javascript "> </script> <script src =" http://www.bkjia.com/ Uploads/Common/js/ui. draggable. js "language =" javascript "type =" text/javascript "> </script> <script src =" http://www.bkjia.com/ Uploads/Common/js/jquery. mousewheel. js "language =" javascript "type =" text/javascript "> </script> <script src =" http://www.bkjia.com/ Uploads/Common/js/JTooltips. js "language =" javascript "type =" text/javascript "> </script> <script src =" http://www.bkjia.com/ Uploads/Common/js/JMagazine. js "language =" javascript "type =" text/javascript "> </script> <script language =" javascript "type =" text/javascript "> window. moveTo (0, 0); window. resizeTo (screen. availWidth, screen. availHeight); function openWindows (url) {bschitchat = window. open (url, 'bschitchat', 'fullscreen = no, toolbar = no, Status = no, scrollbars = yes, resizable = yes '); return ;} </script>
Tip: after running, refresh to display the effect!