javascript鼠标滑动评分控件完整实例
本文实例讲述了javascript鼠标滑动评分控件。分享给大家供大家参考。具体实现方法如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript鼠标滑动控件</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程序设计有所帮助。
-
本文向大家介绍Android自定义星星可滑动评分控件，包括了Android自定义星星可滑动评分控件的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Android自定义星星可滑动评分控件的具体方法，供大家参考，具体内容如下 此控件通过线性布局结合ImageView来实现。 具有展示分数，滑动评分功能，可设置0-10分，自行设置星星图片，是否可点击与滑动，星星间距。 效果如下： 需准备好
-
本文向大家介绍javascript模拟评分控件实现方法，包括了javascript模拟评分控件实现方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了javascript模拟评分控件实现方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍javascript实现百度地图鼠标滑动事件显示、隐藏，包括了javascript实现百度地图鼠标滑动事件显示、隐藏的使用技巧和注意事项，需要的朋友参考一下 其实现思路是给label设置样式，我们来看下具体做法吧 以上所述就是本文给大家分享的全部内容了，希望能够对大家学习javascript有所帮助。
-
本文向大家介绍JavaScript实现的鼠标响应颜色渐变效果完整实例，包括了JavaScript实现的鼠标响应颜色渐变效果完整实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JavaScript实现的鼠标响应颜色渐变效果。分享给大家供大家参考，具体如下： 运行效果图如下： 完整代码如下： PS：这里再为大家推荐几款网页元素样式相关工具供大家参考使用： 在线特效文字/彩色文字生成工具：
-
我想写个动画。比如说鼠标向上滚动，一个div往上运动。当我鼠标向下的时候，div往下运动。 有没有这种动画库？我以前的做法是判断滚动方向。然后分别执行不同的动画函数。当然了我的一个动画里面，肯定是包含好几个运动元素的。
-
星形评分控件，采用 core graphics实现，按分值百分比任意比例填充每一颗星星。与其他评分控件不一样的是，采取拖动slider的方式进行填充星星。 [Code4App.com]