`
greenwen
  • 浏览: 216740 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js打分

    博客分类：
  • JS
 
阅读更多
js打分 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>    
	<title>js打分</title>
		<script type="text/javascript">
			function grade(){
				 //获取鼠标点击左边的像素
				 var len=window.event.x-document.getElementById('bg').offsetLeft;
				 //设置鼠标点击左边的颜色
				 document.getElementById('bg').innerHTML="<div style='width:"+len+"px;background:blue;'></div>"
				 
				 //计算分数
				 var val=((len/500)*100).toFixed(0);
				 document.getElementById('score').innerHTML=val+"";
		    }
	   </script>	
  </head>
 
  <body>
    <div id="bg" style="width:500px;background:red;" onclick="grade();" ></div> 
    <span id="score"></span>
  </body>
</html>
0
顶
1
踩
分享到：
| 图片上传压缩处理
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics