網站首頁 學習教育 IT科技 金融知識 旅遊規劃 生活小知識 家鄉美食 養生小知識 健身運動 美容百科 遊戲知識 綜合知識
當前位置:趣知科普吧 > 綜合知識 > 

關於javascript的問題實現星級評分功能|jquery星級評分怎麼寫

欄目: 綜合知識 / 發佈於: / 人氣:1.19W
1.關於javascript的問題 實現星級評分功能

<meta ;charset=UTF-8"> 星級評分 <style type="text/css"> </style> <body>

星級評分

jquery星級評分怎麼寫 關於javascript的問題實現星級評分功能
2.js怎樣實現類似星級評價星級評分特效

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

<style type="text/css">

.active{color: #f00;}

</style>

</head>

<body>

<div class="container"><span>;☆</span><span>;☆</span><span>;☆</span><span>;☆</span><span>;☆</span></div>

<script src="js/jquery_1.11.3.min.js"></script>

<script>

//點擊五角星看效果

var container=$('.container')

var stars=container.find('span')

stars.click(function(){

stars.removeClass('active')

var index=$(this).index()

$('.container span:lt('+(index+1)+')').addClass('active')

})

</script>

</body>

</html>

3.js怎樣實現類似星級評價星級評分特效

<meta charset="utf-8" /> <style type="text/css"> .active{color: #f00;} </style> <body> ☆☆☆☆☆ 。

4.怎麼獲得jquery.raty.js星級個數

$('您的jquery對象').raty('getScore');來獲取個數

我更建議您,可以透過檢視插件源碼,來了解插件。

下面是raty插件的默認屬性。copy源碼的- -。

$.fn.raty.defaults = {

cancel : false,

cancelHint : 'cancel this rating!',

cancelOff : 'cancel-off.png',

cancelOn : 'cancel-on.png',

cancelPlace : 'left',

click : undefined,

half : false,

halfShow : true,

hints : ['bad', 'poor', 'regular', 'good', 'gorgeous'],

iconRange : undefined,

mouseover : undefined,

noRatedMsg : 'not rated yet',

number : 5,

path : 'img/',

precision : false,

round : { down: .25, full: .6, up: .76 },

readOnly : false,

score : undefined,

scoreName : 'score',

single : false,

size : 16,

space : true,

starHalf : 'star-half.png',

starOff : 'star-off.png',

starOn : 'star-on.png',

target : undefined,

targetFormat : '{score}',

targetKeep : false,

targetText : '',

targetType : 'hint',

width : undefined

};