js评分控件
来源:互联网 发布:名创优品有淘宝店吗 编辑:程序博客网 时间:2024/05/20 16:13
<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 rating = document.getElementById("rating");
var tds = rating.getElementsByTagName("td");
for(var i=0;i<tds.length;i++){
var td=tds[i];
td.style.cursor='pointer';
td.onmouseover=function(){
var rating = document.getElementById("rating");
var tds = rating .getElementsByTagName("td");
var index = indexOf(tds,this);
for(var i=0;i<=index;i++){
tds[i].innerText='★';
}
for(var i=index+1;i<tds.length;i++){
tds[i].innerText='☆';
}
}
}
}
</script>
</head>
<body onload='initEvent()'>
<table id="rating"><tr><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td></tr></table>
</body>
</html>
function indexOf(arr,element){
for(var i=0;i<arr.length;i++){
if(arr[i]==element){
return i;
}
}
return -1;
}
function initEvent(){
var rating = document.getElementById("rating");
var tds = rating.getElementsByTagName("td");
for(var i=0;i<tds.length;i++){
var td=tds[i];
td.style.cursor='pointer';
td.onmouseover=function(){
var rating = document.getElementById("rating");
var tds = rating .getElementsByTagName("td");
var index = indexOf(tds,this);
for(var i=0;i<=index;i++){
tds[i].innerText='★';
}
for(var i=index+1;i<tds.length;i++){
tds[i].innerText='☆';
}
}
}
}
</script>
</head>
<body onload='initEvent()'>
<table id="rating"><tr><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td></tr></table>
</body>
</html>
- js评分控件
- 评分控件
- 评分控件
- 评分控件
- ASP.NET 原生js星星评分用户控件版
- iOS 星星评分评分控件
- C#自定义评分控件
- 链式编程-评分控件
- javascript 模拟评分控件
- 评分控件 更改背景
- Jquery 评分控件应用
- 自定义RatingBar 评分控件
- Android RatingBar评分控件
- jquery 制作评分控件
- Android RatingBar(评分控件)
- Android RatingBar评分控件
- 自定义评分控件
- js实现星星评分
- WebKit请求的出入口WebRequest::start和WebRequest::OnResponseStarted
- CSS学习
- Android 获取控件的宽和高
- JS 获取服务器控件 ID
- Paint方法setXfermode
- js评分控件
- JDeveloper中安装junit扩展
- 多表查询后按照拼音排序
- 12个高矮不同的人,排成两排,每排必须是从矮到高排列,而且第二排比对应的第一排的人高,问排列方式有多少种?
- 编程之美4.1 扩展问题2
- poj 2403 Hay Points
- spring中HibernateTemplate类的使用
- Android项目导入时,出现的Could not write file 。。。。。。.classpath错误解决办法
- 如何启动Debian的时候不直接进入图形界面而是进入字符界面