javascript 评分控件(鼠标滑动)
来源:互联网 发布:杭州友谦网络 编辑:程序博客网 时间:2024/05/17 23:45
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function ArrayIndexof(arr, inElement) {
for (var i = 0; i < arr.length; i++) {
if (arr[i] == inElement) {
return i;
}
}
return -1;
}
function GetTDS() {
var tbl = document.getElementById("tblMain");
var tds = tbl.getElementsByTagName("td");
return tds;
}
function iniEvent() {
var tds = GetTDS();
for (var i = 0; i < tds.length; i++) {
td = tds[i];
td.onmouseover = TdOnMouseOver;
}
var tbl = document.getElementById("tblMain");
tbl.onmouseout = TableMouseOut;
}
function SetRating(tdTmp) {
var tds = GetTDS();
var index = ArrayIndexof(tds, tdTmp);
for (var i = 0; i <= index; i++) {
td = tds[i];
td.innerHTML = "★";
}
for (var i = index + 1; i < tds.length; i++) {
td = tds[i];
td.innerHTML = "☆";
}
}
function TdOnMouseOver() {
SetRating(this);
}
//鼠标离开表格后自动清除
function TableMouseOut() {
var tds = GetTDS();
for (var i = 0; i < tds.length; i++) {
td = tds[i];
td.innerHTML = "☆";
}
}
</script>
</head>
<body onload="iniEvent()">
<table id="tblMain" border="1">
<tr>
<td>☆</td>
<td>☆</td>
<td>☆</td>
<td>☆</td>
<td>☆</td>
</tr>
</table>
</body>
</html>
<head>
<title></title>
<script type="text/javascript">
function ArrayIndexof(arr, inElement) {
for (var i = 0; i < arr.length; i++) {
if (arr[i] == inElement) {
return i;
}
}
return -1;
}
function GetTDS() {
var tbl = document.getElementById("tblMain");
var tds = tbl.getElementsByTagName("td");
return tds;
}
function iniEvent() {
var tds = GetTDS();
for (var i = 0; i < tds.length; i++) {
td = tds[i];
td.onmouseover = TdOnMouseOver;
}
var tbl = document.getElementById("tblMain");
tbl.onmouseout = TableMouseOut;
}
function SetRating(tdTmp) {
var tds = GetTDS();
var index = ArrayIndexof(tds, tdTmp);
for (var i = 0; i <= index; i++) {
td = tds[i];
td.innerHTML = "★";
}
for (var i = index + 1; i < tds.length; i++) {
td = tds[i];
td.innerHTML = "☆";
}
}
function TdOnMouseOver() {
SetRating(this);
}
//鼠标离开表格后自动清除
function TableMouseOut() {
var tds = GetTDS();
for (var i = 0; i < tds.length; i++) {
td = tds[i];
td.innerHTML = "☆";
}
}
</script>
</head>
<body onload="iniEvent()">
<table id="tblMain" border="1">
<tr>
<td>☆</td>
<td>☆</td>
<td>☆</td>
<td>☆</td>
<td>☆</td>
</tr>
</table>
</body>
</html>
- javascript 评分控件(鼠标滑动)
- javascript 模拟评分控件
- Android 自定义星星可滑动评分控件
- 用jquery实现鼠标滑动星级评分特效
- 评分控件
- 评分控件
- 评分控件
- 左右滑动评分
- ionic星星评分 滑动
- [转]超轻量级的javascript 评分控件
- iOS 星星评分评分控件
- ios开发——滑动星型评分控件的实现
- C#自定义评分控件
- 链式编程-评分控件
- js评分控件
- 评分控件 更改背景
- Jquery 评分控件应用
- 自定义RatingBar 评分控件
- Python集成开发环境(eclipse+pydev)遇到的问题
- Linux系统目录结构
- 用Java写算法技巧(1)去掉List中的重复对象
- MPMoviePlayerController 获取视频缓冲大小
- Android 中LayoutInflater的使用!
- javascript 评分控件(鼠标滑动)
- iframe的跳转方法
- JAVA虚拟机内存分配原则
- mini2440之PWM混杂驱动分析
- mysql文件data下文件的含义
- 菜鸟学selenium webdriver - 2
- jQuery学习大总结(五)jQuery Ajax
- 观察者模式
- 计算机SAP-1 设计与实现(2)