cari

Rumah  >  Artikel  >  hujung hadapan web  >  js css untuk merealisasikan ke atas dan ke bawah halaman membalikkan kemahiran perkongsian kod album_javascript

js css untuk merealisasikan ke atas dan ke bawah halaman membalikkan kemahiran perkongsian kod album_javascript

WBOY
WBOYasal
2016-05-16 15:44:341166semak imbas

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">&laquo; Previous Picture</a>
  </div>
  <div class="grid_3 omega" id="next">
  <a href="#next">Next Picture &raquo;</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.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：easyui Komponen boleh seret melaksanakan effect_jquery seretArtikel seterusnya：easyui Komponen boleh seret melaksanakan effect_jquery seret

Artikel berkaitan

Lihat lagi