Rumah >hujung hadapan web >tutorial js >Gunakan jQuery untuk berkongsi kod rating bintang_jquery

Gunakan jQuery untuk berkongsi kod rating bintang_jquery

WBOY
WBOYasal
2016-05-16 16:28:061421semak imbas

Terdapat artikel sebelumnya Native js melaksanakan penarafan bintang. Liputan mungkin tidak begitu luas, tetapi sekarang saya akan memberikan penarafan bintang pelaksanaan jquery.

Salin kod Kod adalah seperti berikut:


Penilaian Ulasan Bintang jQuery







Salin kod
Kod adalah seperti berikut:

.star li{float:left;width:24px;height:22px;text-indent:-9999px;background:url('star.png') no-repeat;cursor:pointer;}
.star li.on{background-position:0 -28px;}
.star p {padding:10px 10px 0;position:absolute;top:20px;width:159px;height:60px;z-index:100;}
.star p em {warna: #FF6600;paparan: blok;gaya fon: biasa;}
.star strong {color:#ff6600;padding-left:10px;}
.tersembunyi{display:none;}







Salin kod

Kod adalah seperti berikut: