jquery實現星級評分效果

2021-09-28 10:44:20 字數 1270 閱讀 3940

效果圖如下:

"很不好"

>

<

/li>

="rating-item rating" title=

"不好"

>

<

/li>

="rating-item rating" title=

"一般"

>

<

/li>

="rating-item rating" title=

"好">

<

/li>

="rating-item rating" title=

"很好"

>

<

/li>

<

/ul>

"titletext"

>

<

/ul>

//描述文字

css:

*

li.rating

.rating-item

.rating-itemyellow

js:

// 點亮方法

var rating =

(function()

else})

;}varinit

=function

(el,num)).

on('click'

,'.rating'

,function()

).on(

'mouseout'

,function()

);};

$.fn.

extend()

;}})

;// 返回乙個物件

return;}

)();

// 初始化星號,全部未點亮

rating.

init

('#rating',0

);

歡迎各位指導交流!

vue實現星級評分

v for item in stararr class item span div export default computed var half this star onstar 半星 if half 0.5 灰色星星 while starclass.length 5 return starcl...

swift 實現星級評分

通過新增形式實現星級打分功能.建立兩個檢視,其中乙個新增灰色星星,另乙個新增橘色星星.橘色星星檢視覆蓋灰色星星檢視,通過修改橘色星星檢視的寬度實現評分的展現.建立乙個繼承於 uiview 的類,作為星級打分的顯示檢視 建立灰色星星檢視,並新增到父檢視.建立橘色星星檢視,新增到父檢視,保證橘色檢視覆蓋...

css實現星級商戶評分

之前看到大眾點評中有星級商戶這樣的標籤感到挺有意思的,就偷偷模仿了下。其實,大眾點評的星級商戶的樣式並沒有用到什麼複雜的外掛程式,只靠css就能輕鬆的實現,並且可以動態的控制。好了,閒話不說了,先來看看怎麼來做吧。首先,我們需要一張,如下所示 然後寫下我們所需的樣式 item rank rst ir...