<script type="text/javascript">
function indexOf(arr,element){
for(var i=0;i<arr.length;i++){
if(arr[i]==element){
return i
}
}
return -1;
}
function initEvent(){
var table1 = document.getElementById("tableId");
var tds = table1.getElementsByTagName("td");
for(var i=0;i<tds.length;i++){
tds[i].onclick=tdOnclick;
tds[i].style.cursor="pointer";
}
}
function tdOnclick(){
var table1=document.getElementById("tableId");
var tds = table1.getElementsByTagName("td");
var index = indexOf(tds,this);//this表示点击的当前td是哪个
for(var i=0;i<=index;i++){
var td = tds[i];
td.style.background="red";
}
for(var i=index+1;i<tds.length;i++){
var td = tds[i];
td.style.background ="white";
}
}
</script>
<body onload="initEvent()">
<table id="tableId">
<tr><td>★</td><td>★</td><td>★</td><td>★</td><td>★</td> </tr>
</table>
</body>
<!--EndFragment-->
分享到：
相关推荐
滑动评分控件在移动应用开发中是一种常见的交互元素，特别是在电商、社交和评论系统中，用户可以通过滑动来给予某项内容一个评分。本文将详细介绍如何创建一个Android平台上的滑动评分控件，以及其背后的实现原理。 ...
在Android应用开发中，用户界面的设计是至关重要的，其中星星评分控件是一个常见的元素，用于让用户对产品或服务进行评价。本教程将详细介绍如何在Android项目中使用名为`SimpleRatingBar`的自定义星星评分控件，该...
在iOS开发中，UI设计和用户体验是至关重要的部分，而评分控件是用户交互中常见的一种元素，常用于评价、打分或者展示满意度。本文将详细介绍一个名为`SYStarRatingView`的自定义控件，它允许开发者改变图片颜色，以...
入门级的星级评分控件 吹水川制作 有不懂用的地方可以问我 QQ 316432574
评分控件
在Android开发中，有时候我们需要自定义UI组件以满足特定的设计需求，比如创建一个星星评分控件。这个控件允许用户通过点击星星来给出评分，通常用于评价应用或商品。在Android自带的控件库中，虽然存在星星评分控件...
在Android开发中，星星评分控件（RatingBar）是一个常用组件，用于用户对内容进行评分或显示已有的平均评分。本篇文章将详细讲解如何在Android应用中实现自定义大小和形状的星星评分控件。 首先，`RatingBar`是...
本文将深入探讨如何在Android中创建一个自定义的星星评分控件。这个控件允许用户通过点击星星来给某个内容打分，常见于评论或者评分系统中。 首先，我们需要了解Android控件的基本构造。一个自定义控件通常包含以下...
本文将深入探讨如何创建一个自定义的星型评分控件，包括它的源码解析、实现原理以及应用场景。这个控件允许用户通过点击星星来即时给出评分，支持回发和不回发两种评分机制。 首先，我们要理解什么是自定义控件。在...
在iOS应用开发中，星星评分控件是一种常见的用户界面元素，用于让用户对商品、服务或者内容进行评级。这种控件通常包含一系列半填充或全填充的星星，用户可以通过触摸选择他们认为合适的评分等级。在本篇文章中，...
在iOS应用开发中，滑动评分控件是一种常见的用户交互元素，它允许用户通过滑动手指来给予某个内容或服务星级评价。这种控件通常用于评价应用、产品或服务的质量，提供直观且易于操作的反馈机制。在本篇文章中，我们...
在iOS开发中，创建一个类似评分控件的小Demo可以让我们深入了解UI设计和用户交互的实现。这个Demo的目标是模仿常见的星级评分系统，用户可以通过点击星星来选择他们对某个项目或服务的满意度。以下是对这个“ios类似...
**jQuery 网页评分控件详解** 在网页设计中，评分控件是常见的交互元素，用于用户对产品、服务或内容进行评价。本篇将深入讲解如何利用jQuery实现一个0-5星的评分控件，同时支持半心的评分功能。 ### 1. jQuery...
【五角星评分控件】是一种常见的用户界面元素，它被广泛应用于各种应用程序和网站中，让用户能够对产品、服务或内容进行评级。通常，它由五个相连的五角星图标组成，用户可以通过点击或者滑动来选择一个介于1到5星...
在iOS应用开发中，用户界面的设计与交互是至关重要的，其中评分控件是常见的功能之一，用于让用户对产品或服务进行评价。这个"评分控件.zip"文件包含了一个实现此类功能的源代码示例，适合iOS开发者学习和参考。本文...
在iOS应用开发中，用户界面的设计与交互是至关重要的，其中评分控件是常见的功能之一，用于让用户对产品或服务进行评价。本压缩包提供的"IOS应用源码之评分控件 .rar"应该包含了实现这一功能的具体源代码，这对于...
通过巧妙地使用XML属性、Drawable资源以及编程技巧，开发者可以创建出各种独特风格的评分控件，以适应不同应用的视觉和功能需求。在实际项目中，我们应该根据设计需求灵活运用这些方法，打造出既美观又实用的自定义...
该资源是一个关于iOS应用开发的源码示例，主要聚焦于评分控件的实现。这个压缩包名为"评分控件.zip"，包含了适用于学生、个人以及公司开发团队学习和研究的技术素材。通过下载并分析这些源码，可以深入了解iOS平台上...
在Swift中，创建用户界面（UI）时，经常会用到评分控件，它允许用户给内容打分或显示预设的评分。"swift-Swift评分控件"是一个专门针对这一需求的开源项目，它提供了易于使用的SwiftyStarRatingView组件，适用于各种...