Rumah > Artikel > hujung hadapan web > Berdasarkan pelaksanaan jQuery untuk kembali ke contoh teratas code_jquery

Berdasarkan pelaksanaan jQuery untuk kembali ke contoh teratas code_jquery

WBOYasal: 2016-05-16 15:22:291261semak imbas

Penyampaian ditunjukkan di bawah:

Penggunaan:

Hanya rujuk perpustakaan jQuery dan pemalam YesTop, kemudian kembali ke bahagian atas dengan satu baris kod:

Kod sebut harga:

<script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="http://hovertree.com/texiao/yestop/inc/jquery.yestop.js"></script>

Gunakan kod:

<script type="text/javascript">
   $(document).ready(function () { $.fn.yestop(); })
</script>

Iaitu:

$.fn.yestop();

Kod ini sudah memadai.

Sudah tentu terdapat tetapan lanjutan, seperti menukar gambar, menetapkan ikon menjadi bulat, menetapkan lokasi, menetapkan masa, dll. Sila lihat demo lain untuk butiran.
Lengkapkan kod, simpan pada fail HTML untuk mengalami kesan:

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8">
  <title>YesTop - HoverTree</title><meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script>
  <script type="text/javascript" src="http://hovertree.com/texiao/yestop/inc/jquery.yestop.js"></script>
  <style>
    body {
      margin: 0px;font-family:Arial
    }a{color:blue}
  </style>
</head>
<body>
  <div style="text-align:center;width:100%;margin:0px auto;">
    <h1>YesTop</h1>
    A jQuery Plugin<br />
    <a href="http://hovertree.com/texiao/yestop/">Demo 1</a> <a href="http://hovertree.com/texiao/yestop/demo2.htm">Demo 2</a> <a href="http://hovertree.com/texiao/yestop/demo3.htm">Demo 3</a>
    <a href="http://hovertree.com/texiao/yestop/demo4.htm">Demo 4</a> <a href="http://hovertree.com/h/bjaf/topimage.htm">Images</a>
  </div>
  <div style="height: 360px;background-color: #66FF66;">
    
  </div>
  <div style="width:100%;text-align:center;height:200px">&copy; hovertree.com</div>  
  <div style="height: 200px; visibility: visible; background-color: Olive">
  </div><div style="height:200px;background-color:burlywood"></div><div style="height:200px;background-color:darkorchid"></div>
  <div style="height: 200px; visibility: visible; background-color:gray">
  </div>
  <div style="height:200px;background-color:blue"></div>
  <div style="height:200px;background-color:red"></div>
  <div style="height:200px;background-color:yellow"></div>
  <div style="height:200px;background-color:yellowgreen"></div>
  <div style="height:800px;background-color:white"></div>
  <script type="text/javascript">
    $(document).ready(function () { $.fn.yestop(); })
  </script>
</body>
</html>

Kandungan di atas adalah untuk berkongsi dengan anda contoh kod kembali ke atas berdasarkan jQuery.

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：Pelaksanaan kod contoh lapisan pop timbul klik berdasarkan jQuery_jqueryArtikel seterusnya：Pelaksanaan kod contoh lapisan pop timbul klik berdasarkan jQuery_jquery

Artikel berkaitan

Lihat lagi