原文:【javascript】原生 js 星級評分

今天上午抽空隨手寫了個星級評分的效果,給大家分享下。由於水平有限,如有問題請指出。 首先要准備一張星星的圖片,灰色是默認狀態,黃色是選擇狀態。如圖: 最后附上代碼: 附上下載地址。 ...

2012-12-21 11:15 0 8858 推薦指數:

查看詳情

原生js實現星級評分

今天來實現下星級評分,后邊並跟有評價文字。 html代碼如下: css如下: js如下: 代碼運行效果如下: ...

Thu Dec 14 06:49:00 CST 2017 1 8633
原生JS實現-星級評分系統

今天我又寫了個很酷的實例:星級評分系統(可自定義星星個數、顯示信息) sufuStar.star();使用默認值5個星星,默認信息 var msg = [........]; sufuStar.star(10,msg);自定義星星個數為10、顯示信息msg格式參考默認值,條數必須和星星個數一致 ...

Sat Aug 20 22:31:00 CST 2016 0 1949
js 實現星級評分

  最近的項目中有一個星級評分的需求, 自己就寫了一下, 由於可能一個頁面要用到多個,就采用了面向對象的寫法。   用到的png圖片也放到這里。   js要用到jquery。 css:    js: 由於我這里的需求只有點 ...

Fri Feb 22 17:33:00 CST 2019 0 678
JS實現星級評分

星星圖片來源於https://www.iconfont.cn/search/index?searchType=icon&q=%E6%98%9F ...

Thu Apr 25 19:59:00 CST 2019 0 535
JS實現星級評分

鼠標點擊后可保留顏色。 頁面效果如下: ...

Wed Mar 16 02:06:00 CST 2016 0 1757
Javascript 實現簡單的星級評分功能

  使用 javascript 實現簡單的星級評分功能,思路很簡單,封裝一個能進行重復調用函數:   當鼠標移入后,遍歷評分div里的子div,然后前兩個子div改變背景為灰色,后面全部為橙色,然后改變對應的評分內容;   當鼠標移出后,使用for循環把子div背景顏色和評分內容恢復初始化狀態 ...

Sat Sep 22 17:12:00 CST 2018 0 722
js實現星級評分之方法一

利用一個星級評分的小案例,來逐步封裝js星級評分插件。 從最基礎的js知識,通過一個小的demo,逐步學習js的面向對象知識。 從淺到深,逐步遞進。 圖片素材 ...

Fri Jul 21 06:36:00 CST 2017 0 1539
JS星級評分效果(類似與淘寶打分效果)

今天晚上研究下 五星級評分效果,類似於淘寶后台評分效果,如下圖所示: 思路: 當鼠標移到一顆星的時候 判斷當前的索引 當前及當前的索引前面的星星亮起來 每當移到任何一顆星星時候 下面跟隨提示 mouseout時候 提示消失,移出時 全部變灰。每當點擊一顆星星時候 同樣判斷當前的索引 當前 ...

Tue Nov 26 09:06:00 CST 2013 14 6896
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM