jQuery帶評論的星星評分代碼
<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.shaxiangift.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.sxdscyy.com/1999/xhtml">
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>jQuery帶評論的星星評分代碼</title>
<link type="text/css"href="css/style.css" rel="stylesheet" />
<script type="text/javascript"src="js/jquery-1.12.3.min.js"></script>
<script type="text/javascript"src="js/script.js"></script>
</head>
<body>
<!--代碼開始-->
<div class="xzw_starSys">
<divclass="xzw_starBox">
<ulclass="star stars">
<li><ahref="javascript:void(0)" title="1"class="one-star">1</a></li>
<li><ahref="javascript:void(0)" title="2"class="two-stars">2</a></li>
<li><ahref="javascript:void(0)" title="3"class="three-stars">3</a></li>
<li><ahref="javascript:void(0)" title="4"class="four-stars">4</a></li>
<li><ahref="javascript:void(0)" title="5"class="five-stars">5</a></li>
</ul>
<divclass="current-rating showb"></div>
</div>
<!--評價文字-->
<divclass="description"></div>
<!--評價選項-->
<divclass="option">
<ul class="option-conclearfix">
<li><ahref="">全是亂碼</a></li>
<li><ahref="">標題和內容不符</a></li>
<li><ahref="">答案很多錯誤</a></li>
<li><ahref="">沒有配圖</a></li>
<li><a href="">沒有答案</a></li>
</ul>
<ul class="option-con clearfix"style="display:none">
<li><ahref="">掃描版有些模糊</a></li>
<li><ahref="">圖片不清晰</a></li>
<li><ahref="">答案不完整</a></li>
<li><ahref="">沒有解析</a></li>
<li><ahref="">教材版本不符</a></li>
</ul>
<ul class="option-con clearfix"style="display:none">
<li><ahref="">湊活能用</a></li>
<li><ahref="">重複率高</a></li>
<li><ahref="">沒有排版</a></li>
<li><ahref="">解析有錯誤</a></li>
<li><ahref="">資料不夠豐富</a></li>
</ul>
<ul class="option-con clearfix"style="display:none">
<li><ahref="">不太需要編輯</a></li>
<li><ahref="">資料有深度</a></li>
<li><ahref="">資料有創新</a></li>
<li><ahref="">還不錯呦</a></li>
<li><ahref="">資料很合適</a></li>
</ul>
<ul class="option-con clearfix"style="display:none">
<li><ahref="">完美!</a></li>
<li><ahref="">拿來就能用</a></li>
<li><ahref="">精心製作</a></li>
<li><ahref="">解析非常好</a></li>
<li><ahref="">編排精美</a></li>
</ul>
</div>
<divclass="prompt">請為資料打星</div>
</div>
<!--代碼結束-->
<divstyle="text-align:center;margin:50px 0; font:normal 14px/24px "MicroSoftYaHei";">
<p>適用瀏覽器:IE8、360、FireFox、Chrome、Safari、Opera、傲遊、搜狗、世界之窗.</p>
<p>來源:<a href="http://down.admin5.com/"target="_blank"> </a></p>
</div>
</body>
</html>
推薦閱讀:
※前端網站資源精編!!
※使用jQuery時如何更好的組織代碼?
※通過jQuery的load()函數載入進頁面的內容為何js就失效了?
※AJAX載入了HTML但是HTML裡面的CLICK事件無效?
※jQuery ajax 返回的對象的 done/complete/success 以及 error/fail 有什麼區別?
