22.3 评星效果
【实例描述】
评星效果在很多网站起到调查的作用，如图书网站上读者对新书的评价。本例学习如何制作这种评星效果。
【实现代码】
<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>
【运行效果】
本例的运行效果如图22-3所示。
图22-3 本例的运行效果
【难点剖析】
本例的难点是用户选中第5颗星时，此星前面的星都要变成黑色。“starNum”变量获取的是用户选择的星星的“id”，使用“for (var j=1;j<=starNum;j++)”语句循环设置对应的“span”元素的内容为黑色星星。
分享到：
相关推荐
22.3 评星效果 22.4 输入框自动完成功能 22.5 Ajax效果的字符串过滤 22.6 Gmail右上角的Loading效果 22.7 使用XMLHTTP获取天气预报 22.8 拖拽任意对象 22.9 避免打开无效页面 22.10 用JavaScript调用Google AdSense ...
22.3 评星效果 22.4 输入框自动完成功能 22.5 Ajax效果的字符串过滤 22.6 Gmail右上角的Loading效果 22.7 使用XMLHTTP获取天气预报 22.8 拖拽任意对象 22.9 避免打开无效页面 22.10 用JavaScript调用Google AdSense ...
emacs-22.3.tar.taremacs-22.3.tar.taremacs-22.3.tar.taremacs-22.3.tar.taremacs-22.3.tar.taremacs-22.3.tar.taremacs-22.3.tar.taremacs-22.3.tar.taremacs-22.3.tar.taremacs-22.3.tar.taremacs-22.3.tar....
22.3 版本是 Erlang OTP 的一个稳定版本，它提供了许多增强的功能和性能改进。下面将详细介绍这个版本的一些关键知识点。 首先，Erlang 语言以其独特的并发模型闻名，它使用轻量级进程（Lightweight Processes，LWP...
在本场景中，"otp_erlang_22.3.tar.gz" 是一个包含Erlang OTP版本22.3源代码的压缩文件。这个版本与RabbitMQ 3.8.3兼容，RabbitMQ是一个广泛使用的开源消息代理，它基于Erlang构建。 在Linux环境中，特别是CentOS7...
32位的 erlang 22.3 版本 去官网下载太慢，所以在这里下载后提供给大家。 主要是 积分不足了，下载别的资源积分不够了，不然就免费了。
《MobaXterm Portable v22.3：云服务连接利器》 MobaXterm Portable v22.3是一款专为Linux爱好者和IT专业人士设计的强大工具，它将多种远程访问功能集于一身，使得在不同操作系统之间进行交互变得更加便捷。这款...
标题中的“otp_win64_22.3.rar”指的是Erlang的 OTP（Open Telephony Platform）平台的Windows 64位版本的22.3版源代码压缩包。OTP是Erlang编程语言的核心组成部分，包含了大量用于构建可靠、分布式系统的库和工具。...
【OTP 22.3 for Windows 64位】是一个为RabbitMQ提供基础支持的软件包，适用于64位Windows操作系统。OTP（Open Telecom Platform）是Ericsson开发的一个开源软件平台，主要用于构建可靠、可扩展和高度可用的分布式...
这个特定的压缩包文件“dbeaver-ce-22.3.5-win32.win32.x86-64.zip”是DBeaver社区版（Community Edition）的Windows 64位版本，版本号为22.3.5。DBeaver以其跨平台性、易用性和对多种数据库的支持而备受赞誉。 ...
它的全名"Dbeaver Community Edition 22.3.4"表明这是一款免费的开源版本，适用于Windows 32位和64位操作系统。这个版本的编号"22.3.4"指示了软件的迭代更新，通常包括性能改进、新功能添加以及已知问题的修复。 ...
标题中的"otp_win64_22.3.exe"指的是Erlang的Open Telecom Platform (OTP)的Windows 64位版本，版本号为22.3。 OTP是Erlang的核心库，包含了许多预构建的模块和应用程序，用于简化系统开发，如错误处理、进程管理、...
标题中的"electron-v22.3.27-win32-x64.zip"指的是Electron框架的一个特定版本，这是用于构建跨平台桌面应用程序的开源库。这个版本是22.3.27，专为Windows操作系统（x64架构）设计。Electron允许开发者使用Web技术...
Erlang最新版安装包，版本：22.3 windows64位，官网下载实在太慢了，有时候直接打不开下载链接，给有需要的人。
Erlang的22.3版本提供了许多改进和新特性，包括性能优化、错误修复以及对新硬件和操作系统更好的支持。在Windows上安装Erlang，你需要下载Erlang OTP的Windows 64位版本，即Erlang_otp_win64_22.3.exe文件。运行这个...
标题中的"otp20.3-22.3-rabbitmq3.7.3.zip"表明这是一个包含了Erlang OTP版本20.3和22.3，以及RabbitMQ服务器3.7.3的软件包。这个压缩文件是为Windows系统设计的，因为文件名中有"win32"和"win64"的字样，分别代表32...
android-sdk_r22.3-windows.zip 官网下载地址 http://developer.android.com/sdk/index.html 参考资料http://hi.baidu.com/tianhuimin/item/0891344e77d0c416896d1055
自己自学RabbitMQ整理出来的资料，windows环境下的erlang和RabbitMQ安装包，版本分别是otp_22.3_for_windows_64和rabbitmq-server-3.8.5（保证不会出现版本冲突） 在官网上下载简直是龟速，所以分享给大家便于下载，...
torch-1.12.0a0+2c916ef.nv22.3-cp38-cp38-linux_aarch64.whl for jetson
标题中的"torch-1.12.0a0+2c916ef.nv22.3-cp38-cp38-linux_aarch64.zip"表明这是一个与PyTorch相关的软件包，版本号为1.12.0a0的早期预览版，带有特定的补丁（2c916ef）和针对NVIDIA Jetson平台的优化（nv22.3）。...