`
greenwen
  • 浏览: 220167 次
  • 性别: 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
踩
分享到：
| 图片上传压缩处理
评论
发表评论

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

相关推荐

    js评分系统 javacript 评分 系统

    JavaScript是一种解释型的、弱类型的、基于原型的脚本语言，主要用于客户端的网页开发，但也被广泛用于服务器端（例如Node.js环境）。它的主要任务是增加网页的动态性和交互性。 在创建JavaScript评分系统时，我们...

    javascript 评分系统特效

    非常不错的javascript评分系统特效,效果不多,可以用在用户评分以及评论方面,可以下载瞧瞧啊

    js打分评论 QQ打分评论 表情打分评论

    【JavaScript 打分评论系统...总的来说，构建一个JavaScript打分评论系统涉及前端交互设计、数据交换以及后端存储等多个环节。理解这些知识点并熟练运用，可以帮助我们创建出功能强大、用户体验优秀的在线评价系统。

    原生js滑动星星打分_淘宝星星打分_动态星星评分_js评分代码

    在JavaScript（简称JS）开发中，滑动星星打分是一种常见的用户交互功能，常用于电商网站的商品评价系统，如淘宝的星星打分。这个功能可以让用户通过滑动鼠标或者触摸屏幕来选择他们对商品的满意度等级，以星星的数量...

    基于Scoring的JavaScript打分系统设计源码

    该项目是一款基于Scoring机制的JavaScript打分系统源码，涵盖427个文件，包括HTML、JavaScript、Java、微信小程序等语言编写，内容丰富。具体文件类型包括114个类文件、76个JAR包、59个Java源文件、36个PNG图片、24...

    js评分效果 星级评分 js星级评分效果

    JavaScript（简称JS）星级评分效果是一种常见的用户交互设计，它允许用户通过选择星星数量来对某个项目进行评价，常用于电商、评论系统等场景。在本文中，我们将深入探讨如何实现这种js星级评分效果，以及涉及到的...

    js特效星星打分效果适用于网站评论打分js星级评分效果

    本资源提供的是一个适用于网站评论打分的JS星级评分效果，它可以帮助用户直观地展示和选择评价等级，提升用户体验。下面我们将深入探讨这个JS特效的实现原理和关键知识点。 1. **HTML结构**： 在网页中，通常会...

    js+html星级评分（支持半星）

    接下来，我们使用JavaScript（这里可以使用jQuery或者其他库，但也可以纯JavaScript实现）来监听选择框的改变事件，当用户选择一个新的评分时，更新星星的样式。例如： ```javascript document.getElementById('...

    JS 星星评分，JS 评分

    最后，JavaScript（在`ratingsys.js`文件中）用于实现评分的交互逻辑。这部分代码会监听星星图标的点击事件，改变被选中的星星状态，并可能更新后台数据。以下是一个简单的示例： ```javascript document....

    js星星打分/评分

    在这个"js星星打分/评分"项目中，开发者使用了JavaScript、CSS和HTML这三种前端技术来实现这一功能。 JavaScript是一种在客户端运行的编程语言，它在网页交互方面发挥着关键作用。在这个场景下，JavaScript主要用于...

    JS评分效果

    JavaScript（简称JS）评分效果是网页交互设计中的一个重要元素，常用于用户反馈、商品评价等场景，例如在淘宝等电商平台上，用户可以通过点击星星来给商品打分。这个功能不仅提升了用户体验，还使得数据收集更加直观...

    原生js星星评分

    原生JavaScript实现星星评分系统是一种常见的用户界面交互设计，它允许用户通过点击星星来给予某个对象（如商品、服务或内容）评分。这种设计通常用于电商网站、电影评分平台等，提供直观、易于理解的反馈机制。在不...

    js 滑动星星打分

    JavaScript滑动星星打分是一种常见的用户交互功能，广泛应用于电商网站、评论系统和评分界面，让用户可以方便地通过拖动星星来给出评价。这个功能在技术实现上主要依赖JavaScript，通常结合HTML和CSS来完成视觉效果...

    JavaScrip JS 打分特效（无刷新）

    在本项目中，我们将探讨如何使用JavaScript实现一种无刷新的五角星打分特效，这通常用于用户评价系统，如电影评分、商品评价等场景。 首先，我们需要理解JavaScript的基本语法和DOM操作。DOM（Document Object ...

    js等级评分效果（星星实现打分功能）

    js评分特效简单易用，比较方便实用，星星实现打分功能

    js评分组件使用详解

    总的来说，js评分组件的实现需要结合HTML、JavaScript（Vue.js）和CSS三者，通过数据绑定、计算属性和条件渲染来完成。这样的组件不仅可以展示用户评分，还可以允许用户进行交互，点击选择不同的评分，提高用户体验...

    js评分显示等级

    在JavaScript和jQuery的世界里，评分系统是一个常见的交互元素，它允许用户对内容进行评价，通常以星形图标的形式展示。本篇文章将详细讲解如何利用jQuery实现一个简单的星级评分功能，包括用户点击时动态改变星星...

    星星打分，评分javascript特效源码

    星星打分和评分JavaScript特效是网页交互中常见的一种设计，常用于用户对产品或服务进行评价。这种特效可以通过JavaScript库，如jQuery，或者纯JavaScript代码实现。本源码可能提供了一种实现方式，让我们来详细探讨...

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