<body>
<div class="shop-rating">
<span class="title">物流公司的服务：</span>
<ul class="rating-level" id="stars1">
<li><a class="one-star" star:value="100" href="#">100</a></li>
<li><a class="two-stars" star:value="200" href="#">200</a></li>
<li><a class="three-stars" star:value="300" href="#">300</a></li>
<li><a class="four-stars" star:value="400" href="#">400</a></li>
<li><a class="five-stars" star:value="500" href="#">500</a></li>
</ul>
<span class="result" id="stars1-tips"></span>
<input type="hidden" id="stars1-input" name="a" value="" size="2" />
</div>
<!--
# 星级评分
# star:value = 分数
-->
<div class="shop-rating">
<span class="title">物流公司的服务：</span>
<ul class="rating-level" id="stars2">
<li><a class="one-star" star:value="1" href="#">1</a></li>
<li><a class="two-stars" star:value="2" href="#">2</a></li>
<li><a class="three-stars" star:value="3" href="#">3</a></li>
<li><a class="four-stars" star:value="4" href="#">4</a></li>
<li><a class="five-stars" star:value="5" href="#">5</a></li>
</ul>
<span class="result" id="stars2-tips"></span>
<input type="hidden" id="stars2-input" name="b" value="" size="2" />
</div>
<!-- END 星级评分 -->
<input type="button" value="test" onclick="teststars()" />
<script type="text/javascript">
var Class = {
create: function() {
return function() { this.initialize.apply(this, arguments); }
}
}
var Extend = function(destination, source) {
for (var property in source) {
destination[property] = source[property];
}
}
function stopDefault( e ) {
if ( e && e.preventDefault ){
e.preventDefault();
}else{
window.event.returnValue = false;
}
return false;
}
分享到：
相关推荐
"星星评分 星级 五星评分"这个主题聚焦于一种常见的评分方式——星级评分系统，它通常由一到五星表示，五星代表最高评价。在Web开发中，实现这样的功能主要依赖JavaScript（js）技术。 首先，我们要理解星级评分的...
wpf实现简单的星级评分
在IT行业中，实现星星评分功能是一项常见的需求，尤其在电商、评论系统以及各种用户评价场景中。本篇文章将深入探讨如何使用Java来实现这一功能，包括设计思路、关键代码实现以及可能遇到的问题。 首先，我们需要...
在Android应用开发中，用户反馈和评价是提升用户体验和应用质量的重要途径，而星级评分组件则是这一过程中的关键元素。本文将深入探讨“Android星级评分组件”，并基于提供的描述和标签，详细介绍如何创建和实现这样...
在构建Web应用时，增强用户体验的一个重要特性是提供星级评分功能。这允许用户对网站上的内容，如文章、电影或资源，进行评价，为其他用户提供参考，并为网站增添互动性。本文将详细介绍如何利用jQuery和PHP来实现这...
web端星星评分，封装了js代码，可重复利用。没有html和css,需要自己写
**jQuery 星级评分插件详解** 在Web开发中，为用户提供直观的反馈和互动是至关重要的，其中星级评分系统就是一个常见的元素。jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理和动画等功能，使得创建...
星星评分控件是一种常见的用户界面元素，常用于网站和应用程序中，让用户对产品、服务或内容进行评级。这种控件通常以五角星图形表示，用户可以点击或滑动选择他们想要给予的星级，从一星到五星不等。在这个案例中，...
2. **CSS样式**：为了使星星评分具有交互性，需要通过CSS来控制选中状态。可以为选中的星星设置不同的颜色或填充，例如使用`:hover`、`:active`和`:checked`伪类来实现鼠标悬停、点击和选中状态的效果。 3. **...
标题提到的"一个简单的星级评分"，是针对用户评价或反馈系统中常见的一种UI元素，它允许用户通过选择星星的数量来表达他们对某个产品或服务的满意度。这种组件在各种应用中广泛使用，如电商、餐饮、电影评分等场景。...
接下来，我们使用JavaScript（这里可以使用jQuery或者其他库，但也可以纯JavaScript实现）来监听选择框的改变事件，当用户选择一个新的评分时，更新星星的样式。例如： ```javascript document.getElementById('...
【jQuery星星评分代码】是一种常见的用户界面元素，用于让用户对某个内容或服务进行评价，通常以星形图标表示。在Web开发中，星星评分系统能够为网站增添互动性，提高用户体验，同时也便于收集用户反馈。这个特定的...
JavaScript（简称JS）星级评分效果是一种常见的用户交互设计，它允许用户通过选择星星数量来对某个项目进行评价，常用于电商、评论系统等场景。在本文中，我们将深入探讨如何实现这种js星级评分效果，以及涉及到的...
在给定的资源中，“asp 简单易用的星星评分/评级 有注释”是一个利用ASP技术实现的星星评分系统，适用于产品评价或服务质量评估，类似于淘宝等电商平台上的用户反馈机制。 该系统的核心功能是让用户通过选择星星的...
"jq星星评分打分"指的是利用jQuery实现的一种用户界面功能，让用户能够对内容进行评价，通常以五角星的形式展示，用户可以点击选择一到五星来表示他们的满意度或评分。 在网页开发中，星星评分系统是一种常见的互动...
2. **引入插件文件**：将星级评分插件的JavaScript和CSS文件添加到你的HTML页面中。 3. **初始化插件**：在文档加载完成后，使用jQuery的选择器找到你要应用评分插件的元素，然后调用插件方法进行初始化，设置所需...
**jQuery星级评分插件——Raty详解** 在Web开发中，提供用户友好、直观的界面是至关重要的。其中，星级评分系统是常见的交互元素，用于评价产品、服务或内容的质量。Raty是一款基于jQuery的开源插件，它使得在网页...
这里的`stars`可能是一个数组，如`[1, 2, 3, 4, 5]`，代表最大评分。`rating`是当前的评分值，`filled`类将根据`star`是否小于或等于`rating`来决定是否添加，从而控制星星的填充状态。 在组件的脚本部分，我们需要...
在网页设计中，星星评分系统是一种常见的用户反馈方式，它让用户能够通过点击星星来直观地表达对某个产品或服务的满意度。本项目名为"简易 js星星评分html代码"，主要展示了如何利用JavaScript、HTML和Bootstrap框架...
在网页设计中，星级评分是一种常见的用户界面元素，它允许用户对内容或服务进行直观的评价，通常以一到五星的形式展示。jQuery 是一个广泛使用的 JavaScript 库，它简化了DOM操作、事件处理、动画效果等功能，使得...