JQ CSS星級評價

時間 2021-01-29

標籤 javascript css java ide this url spa seo 欄目 JavaScript 简体版

原文原文鏈接

PS：Jquery實現星星評價!!!javascript

Jquery代碼：css

$(document).ready(function(){ide

$(".jsstar >li").hover(this

function(){$(this).css({"background-position":"left bottom"}).prev().trigger("mouseover")},url

function(){$(this).css({"background-position":"left top"}).prev().trigger("mouseout")})spa

.click(function(){alert($(this).attr("title"))}); seo

});ip

</script>it

HTML代碼：

<body>

<p>Javascript + CSS實現</p>

</ul>

</div>

</body>

CSS代碼：

.block

{ margin:10px;

padding :10px;

border:solid 1px #ccc;

font-family:Verdana;

font-size:12px;

}

.jsstar

{ list-style: none;

margin: 0px;

padding: 0px;

width: 100px;

height: 20px;

position: relative;

}

.jsstar li

{

padding:0px;

margin: 0px;

float: left;

width:20px;

height:20px;

url(star_rating.gif ) 0 0 no-repeat;

}

</style>

1. js 評價星級效果
2. 純CSS的星級評價效果
3. 五星級評價
4. SMTC：純CSS 星星打分評價
5. mui星級評價模塊
6. JS實現星級評價
7. 回填評價星星等級
8. 五星評價
9. 淘寶評價小星星
10. js寫評價的星星
更多相關文章...
• jQuery Mobile CSS 類 - jQuery Mobile 教程
• CSS 指南 - 網站建設指南
• 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
• 算法總結-股票買賣

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。