常州网络公司首页 >>> WEB编程 >> JAVASCRIPT & AJAX

评星效果

发布时间:2009-7-13 0:44:05   浏览次数:3789

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<script>
var starNum=0;
function chgStar()
{
    starNum=event.srcElement.id.slice(-1);                  //从第一个到结束
    for (var i=1;i<=6;i++) eval("id"+i).innerText="☆";     //显示的星星
    for (var j=1;j<=starNum;j++) eval("id"+j).innerText="★";//选中的星星
}

function getStar()
{
    alert("用户的评价是"+starNum+"颗星!");          //显示评级数
}

for (var i=1;i<=6;i++)
{
    //动态输出span,并设置span的样式和事件
    document.write('<span id="id'+i+'" onclick="chgStar()" style="cursor:hand;">☆</span>');
}
document.write('<br/><br/><button onclick="getStar()">评级分数</button>');//动态输出按钮,包括其事件
</script>
</head>
<body>
</body>
</html>

上一条:输入框自动完成功能
下一条:关机特效
首页 | 在线留言 | 网站地图

CopyRight ©2008-2014   糊涂蛋技术网    苏ICP备05013073号
站长:万创   QQ:54960248  E-mail:xlxcn#126.com