首頁猿問圖片中的評價星級怎么做？

圖片中的評價星級怎么做？

Bootstrap Html5 JavaScript

叫我小哈尼 2016-07-22 09:25:31

查看完整描述

1 回答

已采納

剛毅87

TA貢獻345條經(jīng)驗獲得超309個贊

<!DOCTYPE?html>
<html>

	<head>
		<meta?charset="utf-8">
		<title></title>
		<style?type="text/css">
			*{
				margin:?0;
				padding:?0;
			}
			div{
				width:?50px;
				height:?50px;
				background:?red;
				border-radius:?50%;
				display:?inline-block;
			}
		</style>
		
	</head>

	<body>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</body>
		<script?type="text/javascript">
			var?divs?=?document.getElementsByTagName("div");
			for?(var?i?=?0;i?<?divs.length;i++)?{
				divs[i].index?=?i;
				divs[i].onclick?=?function?()?{

					for?(var?j?=?0;j?<?divs.length;j++)?{
						divs[j].style.background?=?'red';
						if?(j?<=?this.index)?{
							divs[j].style.background?=?'blueviolet';
						}
					}
				}
			}
		</script>
</html>

簡單寫了段代碼,效果完全一樣,你只需要把圓改為五角星就行了.

望采納!

1 反對回復(fù) 2016-07-22