關於怎麼繪製星級評價方法

2021-06-18 07:25:16 字數 1736 閱讀 2751

首先看下效果:

用函式:

寫法:

1
然後在html中的body中呼叫就行()

這是用函式的方法來顯示星級(用)

當然還有幾種方法,如純css或者是css+js。

純css(不用):

1

/*css star start

*/2 .star-rating

3 12 .star-rating

13

18 .star-rating a

19

29 .star-rating a:hover

30

35 .star-rating a.one-star

36

39 .star-rating a.one-star:hover

40

43 .star-rating a.two-stars

44

47 .star-rating a.two-stars:hover

48

51 .star-rating a.three-stars:hover

52

55 .star-rating a.three-stars

56

59 .star-rating a.four-stars

60

63 .star-rating a.four-stars:hover

64

67 .star-rating a.five-stars

68

71 .star-rating a.five-stars:hover

72

當然還要加上html:

1

<

div

class

='star-rating'

>

2<

div><

a href

='#'

title

='一星'

class

='one-star'

>1

a>

div>

3<

div><

a href

='#'

title

='二星'

class

='two-stars'

>2

a>

div>

4<

div><

a href

='#'

title

='三星'

class

='three-stars'

>3

a>

div>

5<

div><

a href

='#'

title

='四星'

class

='four-stars'

>4

a>

div>

6<

div><

a href

='#'

title

='五星'

class

='five-stars'

>5

a>

div>

7div

>

用js和css一起實現就不做說明了   這個比純css簡單多了   你們可以試試   不會的可以@我

使用CSS繪製星級評分效果的方法

先來看一下css繪製五角星的基本方法 css code複製內容到剪貼簿 有了這個基礎,基本上星級評分的效果就容易實現了 下圖是demo中會用到的圖,可右鍵另存 html code xml html code複製內容到剪貼簿 css code css code複製內容到剪貼簿 這樣就基本實現了滑鼠ho...

cad軸線怎麼繪製 cad軸線繪製方法

cad軸線怎麼繪製 cad軸線繪製方法 首先我們先設定軸線的一些的基本設定。點選 圖層 這個時候出現先乙個對話方塊,點選 顏色 選擇一種軸線的顏色,隨自己的喜好而定,然後選擇軸線的線型,軸線是一點一線的線型,然後選擇 線寬 可以選擇預設,最後點選應用。準備工作做好之後,我們選擇 直線 然後在cad中...

cad怎麼繪製中線 cad繪製中線的方法

cad怎麼繪製中線 cad繪製中線的方法 1.cad中心線一般為點劃線,畫法很簡單,我們先來設定線型。首先開啟cad,點選計入圖層特性管理器。2.在圖層特性管理器中點選線型進行設定。3.在選擇線型中點選載入。4.選擇合適的中心線然後確定。5.在選擇線型中點選選擇剛才載入的點劃線,然後點選確定。6.在...