JavaScript复习--评分控件(类似于淘宝给好差平的星星)
2014-03-14 21:43
441 查看
<script type="text/javascript">
function indexOf(tdds,element)
{
for (var i = 0; i < tdds.length; i++)
{
if (tdds[i] == element)
{
return i;
}
}
}
function InitEvent()
{
var tds = document.getElementsByTagName("td");
for (var i in tds)
{
var td = tds[i];
td.onmouseover=function()
{
var index = indexOf(tds, this);
for (var j = 0; j <= index; j++) {
tds[j].innerText = "★";
}
for (var k = index + 1; k < tds.length; k++) {
tds[k].innerText = "☆";
}
}
}
}
</script>
</head>
<body onload="InitEvent();">
<table>
<tr><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td></tr>
</table>
</body>
function indexOf(tdds,element)
{
for (var i = 0; i < tdds.length; i++)
{
if (tdds[i] == element)
{
return i;
}
}
}
function InitEvent()
{
var tds = document.getElementsByTagName("td");
for (var i in tds)
{
var td = tds[i];
td.onmouseover=function()
{
var index = indexOf(tds, this);
for (var j = 0; j <= index; j++) {
tds[j].innerText = "★";
}
for (var k = index + 1; k < tds.length; k++) {
tds[k].innerText = "☆";
}
}
}
}
</script>
</head>
<body onload="InitEvent();">
<table>
<tr><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td></tr>
</table>
</body>
相关文章推荐
- JavaScript复习--评分控件(类似于淘宝给好差平的星星)
- HTML中评分控件(类似于淘宝评价时的评分控件)的代码
- Android 自定义星星可滑动评分控件
- 【JAVASCRIPT】JS实现淘宝,百度评分功能
- javascript模拟评分控件实现方法
- 评分星星控件
- 简单的做了一个评分控件,其实还算不上控件,只是用javascript做了一个效果,可以直接放在你的程序中使用。
- jquery实现类似淘宝星星评分功能实例
- 【JAVASCRIPT】JS实现淘宝,百度评分功能
- 仿淘宝京东评分控件
- Android星星评分控件RatingBar的使用
- 原生JavaScript Demo之星星评分
- 星星评分-JavaScript(原创)
- 实现像百度文库那样的星星评分效果----javascript实现
- Android自定义星星评分控件,高效
- 源码推荐:仿写映客直播 ,快速切换主题 ,星星评分控件,表格样式,可以横向移动的表格, 仿微信键盘-
- javascript鼠标滑动评分控件完整实例
- Android自定义星星评分控件,高效
- Android RatingBar星星评分控件实例代码
- Android自定义星星评分控件