Ini ialah kod kesan khas berdasarkan js css untuk mencapai ke atas dan ke bawah halaman menyelak album foto Album ini boleh ditukar dari arah atas dan bawah Ia adalah kod sumber kesan khas tayangan slaid.
Biar saya tunjukkan renderingnya dahulu:
Demonstrasi kesan Muat turun kod sumber
Tayangan slaid jQuery dengan kod karusel lakaran kecil yang dikongsi dengan anda adalah seperti berikut
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>js+css实现上下翻页相册</title> <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/960.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/main.css" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/demo.js"></script> </head> <body> <div class="container_12" id="wrapper"> <div class="grid_8" id="content"><br /><br /><br /><br /><br /><br /><br /> <!-- relevant for the tutorial - start --> <div class="grid_6 prefix_1 suffix_1" id="gallery"> <div id="pictures"> <img src="images/picture1.png" alt="" /> <img src="images/picture2.png" alt="" /> <img src="images/picture3.png" alt="" /> <img src="images/picture4.png" alt="" /> <img src="images/picture5.png" alt="" /> </div> <div class="grid_3 alpha" id="prev"> <a href="#previous">« Previous Picture</a> </div> <div class="grid_3 omega" id="next"> <a href="#next">Next Picture »</a> </div> </div> <!-- relevant for the tutorial - end --> </body> </html>
Di atas ialah kod css js untuk melaksanakan selak halaman atas dan bawah untuk semua orang.