사용 된 그림은 다음과 같습니다. 온라인 데모 주소 : http://demo.vevb.com/js/2014/jsxxdf/demo2.html 완전한 코드 : <! docType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w.w.org/tr/xhtml1/dtd/xhtml1-transitional.dtd예 content = "text /html; charset = gb2312"> <meta name = "keywords"content = "웹 마스터, 웹 페이지 특성 효과, 웹 페이지 특성 효과 코드, JS 특수 효과, JS 스크립트, 스크립트, 광고 코드, 웹 마스터 특수 효과 네트워크" /> <meta name = "www.zzjs., wulin.com, js 특수 효과 및 광고 코드가 있어야합니다. 고품질의 특수 효과, 고품질 광고 코드 다운로드를 제공하는 고품질 JS 특수 효과, wulin.com "/> <title> 웹 페이지에 동작을 추가하는 별 등급 효과 wulin.com을 환영합니다. </title> <style type ="text/css "> <!-Body {font-size : 12px;} ul {padding : 0;}. {목록 스타일 : 없음; 여백 : -1px 0 0 -1px; 패딩 : 0; 너비 : 70px; 높이 : 12px; 위치 : 상대; 배경 : URL (http://demo.vevb.com/demoimg/rating_stars.gif) 0 0 반복 -x; 오버플로 : hidden; font-size : 0;}. star_rating li {padding : 0; margin : 0; float : left;}. star_rating li a {display : block; width : 14px; 높이 : 12px; 텍스트-설명 : 없음; 텍스트-인디언트 : -9000px; z-index : 20; 위치 : 절대 : 0;} A : Hover {배경 : URL (http://demo.vevb.com/demoimg/rating_stars.gif) 0 12px; z-index : 2; 왼쪽 : 0;}. star_rating A.one_star {left : 0;}. Star_rating A.on_star : hover {14px;} a.two_stars {왼쪽 : 14px;}. Star_rating A.two_stars : hover {width : 28px;}. Star_rating A.three_stars {왼쪽 : 28px;}. Star_rating A.three_stars : hover {hover {hover {hover {hover {hover {hover {whoour_rating a.four_rating a.four a A.four_stars : hover {width : 56px;}. Star_rating A.Five_Stars {왼쪽 : 56px;}. Star_rating A.Five_Stars : hover {width : 70px;}. Star_rating li.current_rating {background : url (http://demo.vevb.com/demoimg/rating_stars.gif) 0 24px; 위치 : 절대; 높이 : 12px; display; text-indent : -9000px; z-index : 1; 왼쪽 : 0;}#www_zzjsnnet {margin : 0 0 20px 20px;}#www_zzjs_net p {마진 : 20px 0 5px 0;}-> </style> </h2> <body> wulin.com, 웹 마스터를위한 고품질 웹 페이지 특수 효과 및 광고 코드. <h2> </body> </h2> [Ctrl+A 모두 참고 사항 : 외부 JS를 소개 해야하는 경우 실행하려면 새로 고침해야합니다].
