java实现星级评分功能_JavaScript实现星级评分

JavaScript星级评分

*{margin:0;padding:0;}

.wrapper{height:20px;padding:5px;width:130px;margin:100px auto 10px;}

function ArrayIndexOf(arr, element) {

for (var i = 0; i < arr.length; i++) {

if (arr[i] == element) {

return i;

}

return -1;

}

function GetTds() {

var tbl = document.getElementById("tblMain");

var tds = tbl.getElementsByTagName("td");

return tds;

}

function InitEvent() {

var tds=GetTds();

for (var i = 0; i < tds.length; i++) {

var td = tds[i];

td.onmouseover = TdOnclick;

td.style.cursor = "pointer";

}

function TdOnclick() {

var tds = GetTds();

var index = ArrayIndexOf(tds, this);

for (var i = 0; i <=index; i++) {

var td = tds[i];

td.innerHTML = "★";

}

for (var j = index + 1; j < tds.length; j++) {

var td = tds[j];

td.innerHTML = "☆";

}

☆

java实现星级评分功能_JavaScript实现星级评分相关推荐

java实现星级评分功能_JS实现星星评分功能实例代码(两种方法)
一.方法1 1.用到图片 2.结构和样式 Document ul { padding-left: 0; overflow: hidden; } ul li { float: left; list-st ...
原生jquery实现星级评分功能，鼠标滑过点亮星星
背景:首先,这个功能是很常见的一个效果,无论是PC端还是移动端,评分和反馈都屡见不鲜,但是大多数实现都是直接引用组件库里的组件来实现的,而我今天要给大家分享的是通过原生js自己手写实现的同样效果,针对 ...
php mysql 星级评分_jQuery+PHP实现星级评分效果
码农公社 210.net.cn 210= 1024 10月24日一个重要的节日--码农(程序员)节 jQuery+PHP实现星级评分效果,评分功能比较常用,例如商城平台就会有个评分功能,本实例就 ...
php mysql 星级评分_jQuery+PHP实现星级评分
本例实现的效果: 过渡动画显示评分操作. 及时更新平均得分和用户所评的分数. 后台限制用户重复评分操作,并在前端及时显示. XHTML HTML结构分为用于显示灰星星div#big_rate.亮星星d ...
java发布后功能不能用,急项目发布后java写的打印功能失效了-求解解决方法
当前位置:我的异常网» J2EE » 急项目发布后java写的打印功能失效了-求解解决方法急项目发布后java写的打印功能失效了-求解解决方法 www.myexceptions.net 网友分享于 ...
[转载]JAVA实现鼠标右键功能
原文地址:JAVA实现鼠标右键功能作者:beexk 如何实现右键功能呢?(PopupMenu) 有两个步骤: 1.谁来实现,也就是该右键的source是什么. (直接把PopupMenu加到对象sou ...
java 实现网络通信_利用Java怎么样实现网络通信功能
利用Java怎么样实现网络通信功能发布时间:2020-11-20 15:19:04 来源:亿速云阅读:72 作者:Leah 利用Java怎么样实现网络通信功能?相信很多没有经验的人对此束手无策,为 ...
JS实现星星评分功能实例代码(两种方法)
转载自 JS实现星星评分功能实例代码(两种方法) 一.方法1 1.用到图片 2.结构和样式 <!DOCTYPE html> <html lang="en"&g ...
java 1.8新增功能_睡觉时：新增的Java 8新增功能
java 1.8新增功能自Java 8推出以来,最有趣的功能是什么? Java 8最近庆祝了它的第一个生日,其主要版本已经在一年多以前了. 这当然值得庆祝. 自从最初的Java 8版本问世以来,已经 ...

java实现星级评分功能_JavaScript实现星级评分

java实现星级评分功能_JavaScript实现星级评分相关推荐

最新文章

热门文章