|
|
【来源:蓝色理想数码站】
【作者:Satellite】
|
/*以下5个class用来设置5个链接的位置和hover的宽度*/ .star-rating
a.one-star{ left: 0px; } .star-rating
a.one-star:hover{ width:30px; } .star-rating
a.two-stars{ left:30px; } .star-rating a.two-stars:hover{ width:
60px; } .star-rating a.three-stars{ left: 60px; } .star-rating
a.three-stars:hover{ width: 90px; } .star-rating a.four-stars{ left:
90px; } .star-rating a.four-stars:hover{ width:
120px; } .star-rating a.five-stars{ left: 120px; } .star-rating
a.five-stars:hover{ width: 150px; }
.star-rating
li.current-rating{/*设置分数层的背景和宽度并隐藏文本*/ background: url(star_rating2.gif) left
bottom; position: absolute; height: 30px; width:105px; display:
block; text-indent: -9000px; z-index: 1; }
看完这些,我相信你应该明白了其中的原理了吧。
(责任编辑:韩建光) |
|
|