Berdasarkan pelaksanaan jQuery untuk kembali ke contoh teratas code

Berdasarkan pelaksanaan jQuery untuk kembali ke contoh teratas code_jquery

WBOY

Lepaskan： 2016-05-16 15:22:29

asal

1301 orang telah melayarinya

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>

Salin selepas log masuk

Gunakan kod:

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

Salin selepas log masuk

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>

Salin selepas log masuk

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