 |
热门文章 |
|
|
|
相关文章 |
|
| 没有相关文章 |
|
|
| 用星星投票的示例(无图片) |
| 来源：经典论坛 更新时间：2010/7/15 21:55:13 阅读次数： 我要投稿 |
|
<html>
<head>
<title>用星投票的示例(无图片) - www.eweiya.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
var nowindex = 1; //默认几个星
var startnum = 10; //星的个数
var selectedcolor = "red"; //选上的颜色
var uselectedcolor = "gray"; //未选的颜色
function _$(id)
{
return document.getElementById(id);
}
function setstar(index)
{
for(var i=1;i<=index;i++){
_$("s"+i).style.color=selectedcolor;
_$("s"+i).style.cursor="hand";
}
for(var i=(index+1);i<=startnum;i++){
_$("s"+i).style.color=uselectedcolor;
_$("s"+i).style.cursor="hand";
}
}
function initstar()
{
for(var i=1;i<=startnum;i++){
document.write('<span id="s'+i+'" onclick="clickstar('+i+')" title="'+i+'星" onmouseout="setstar(nowindex)" onmouseover="setstar('+i+')">★</span>');
}
setstar(nowindex)
}
function clickstar(index)
{
alert(index+"星");
}
//-->
</SCRIPT>
<div style="font-size:48pt;">
<SCRIPT LANGUAGE="JavaScript">
<!--
initstar()
//-->
</SCRIPT>
</div>
</body>
</html> |
|
| 上一篇文章： 一个小型的JS在线文本编辑器下一篇文章： 引用当前文章链接代码 |
|
|
|
注册 登录
