Home>

This is a js effect of self-writing a book, based on the jquery-1.4.2.min.js plugin,Is still being perfected,I hope everyone likes it,I feel good.

The screenshot of the running effect is as follows:

The online demo address is as follows:

The specific code is as follows:

<! 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>
<title>js effect of writing a flip book</title>
<script type="text/javascript" language="javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript">
  $(function () {
   $("#right"). click (function () {
   var roll=$("<div />", {css:{position:"absolute", border:"solid 1px #999", left:"806px", top:"10px", height:"494px" , width:"1px", background:"#fff url (images/ecx.png) repeat-y -200px 0px"}}). appendto ($("#book"). parent ());
    $(roll) .animate ({
     left:"10px",     width:"398px",     "background-position":"272px 0px"
    }, 1000, function () {
     $("#left"). css ({"background":"#fff"});
     $(roll) .fadeout (300, function () {
      $(roll) .remove ();
     })
    });
   });
  });
</script>
</head>
<body>
 <div>
  <div></div>
  <div><p
 </div>
</body>
</html>
  • Previous Detailed classes and structures in the Swift language
  • Next Two Eclipse deployment dynamic web project methods