用js輸出評價星星的樣式（js星星打分）

本文目錄一覽：

• 1、js星星評分
• 2、通過JS實現分數對應的星星評分體現
• 3、做網頁如何設置像小說評價那樣的樣式，鼠標放上去可以讓5個小星星中前幾個亮了，怎麼做。謝謝
• 4、如何利用JS/CSS實現根據數值顯示星星
• 5、關於JS星星評分，怎麼提交已選擇的分數!

js星星評分

oli[i-1].onmouseover=function(){

fnPoint(this.index);

};

oli[i-1].onmouseout=function(){

fnPoint();

};

在鼠標划過的時候就調用了啊。。。

通過JS實現分數對應的星星評分體現

打開paintcode，繪製一個漏空的星星體現：

操作為：創建canvas 大小30 * 30；修改名稱為Star；繪製一個矩形 30 * 30；繪製一個星星 30 * 30 ，星星弧度改為55 %；選中矩形和星星，點擊difference，變成bezier 曲線。

接下來，我們添加一個新的canvas，繪製我們需要的控件。

操作為：創建星星評分canvas 150 * 30；創建背景矩形 150 * 30；創建填充矩形 100 * 30；放置5個第一步中繪製的漏空的星星到canvas 上，5個星星組成一個group；然後就可以看到我們想要的視圖基本已經出來了。

下一步：將我們畫好的生成style文件加入到我們的工程中;

先創建一個新的空白工程，添加一個自定義的類ScoreStarsView 繼承自UIView;

操作為點擊paintcode 的file- export 生成stylekit文件放到我們新建的工程下，然後打開xcode ，添加生成是ScoreStarsKit 文件。然後在自定義的ScoreStarsView 類中導入kit，然後在drawRect 進行繪製。最後在storyboard中添加uiview ，把這個view的類改成ScoreStarsView；然後模擬器運行。

做網頁如何設置像小說評價那樣的樣式，鼠標放上去可以讓5個小星星中前幾個亮了，怎麼做。謝謝

這是用js加css、div控制的，它其實分為兩張顏色不一樣的星星圖片，一張有顏色（亮）的，一張灰色或者暗一點的顏色（不亮）的，當鼠標滑過或者點擊時會觸動一個鼠標事件，更換圖片，由暗色圖片換為有顏色的圖片，就是你看到的星星會亮的效果，你可以上網下載一個回來自己修改。 東莞匯鑫

如何利用JS/CSS實現根據數值顯示星星

實現思路如下：

在頁面初始化一個星星。

js中，根據數值去進行循環，clone()頁面中的星星。

然後顯示追加到頁面中。

這樣就完成了。

關於JS星星評分，怎麼提交已選擇的分數!

關於JS星星評分，提交已選擇的分數

打開paintcode，繪製一個漏空的星星體現：

操作為：創建canvas 大小30 * 30；修改名稱為Star；繪製一個矩形 30 * 30；繪製一個星星 30 * 30 ，星星弧度改為55 %；選中矩形和星星，點擊difference，變成bezier 曲線。

接下來，我們添加一個新的canvas，繪製我們需要的控件。

操作為：創建星星評分canvas 150 * 30；創建背景矩形 150 * 30；創建填充矩形 100 * 30；放置5個第一步中繪製的漏空的星星到canvas 上，5個星星組成一個group；然後就可以看到我們想要的視圖基本已經出來了。

下一步：將我們畫好的生成style文件加入到我們的工程中;

先創建一個新的空白工程，添加一個自定義的類ScoreStarsView 繼承自UIView;

操作為點擊paintcode 的file- export 生成stylekit文件放到我們新建的工程下，然後打開xcode ，添加生成是ScoreStarsKit 文件。然後在自定義的ScoreStarsView 類中導入kit，然後在drawRect 進行繪製。最後在storyboard中添加uiview ，把這個view的類改成ScoreStarsView；然後模擬器運行。