javascript+css好多网站用的选星星实现打分功能的函数

网络编程 2025/1/23 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

函数有两个参数，功能如下：
obj： img标签组的父容器，类型为DOM对象；
oEvent： event对象。
这个函数的优点是html代码可以很简洁，使用图片也可以很少，只需要两张图片。事件句柄只需要写在img的父容器上即可。演示用的图片我用的是绝对地址，各位在使用的时候改成网站的相对地址就可以了。当我们点击的时候，我用的是个alert事件。事实上，我们会在这个地方用个ajax方法，把相关的参数传到服务器端。只要把alert(this._num+1)写成sendAjax(this._num+1)就可以了。
需要的两张图片：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>_www.jb51.net_阿当制作选星星打分</title> <style type="text/css"> .starWrapper{border:1px solid #FFCC00;padding:5px;width:70px;} .starWrapper img{cursor:pointer;} </style>  <body> <p>           <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20080508122008586.gif');"><img src="/UploadFiles/2021-04-02/20080508122008586.gif" alt="javascript+css好多网站用的选星星实现打分功能的函数" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a><a href="javascript:;" onclick="showimg('https://www.jb51.net/upload/20080508122008586.gif');"><img src="https://www.jb51.net/upload/20080508122008586.gif" alt="javascript+css好多网站用的选星星实现打分功能的函数" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20080508122008586.gif');"><img src="/UploadFiles/2021-04-02/20080508122008586.gif" alt="javascript+css好多网站用的选星星实现打分功能的函数" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a><a href="javascript:;" onclick="showimg('https://www.jb51.net/upload/20080508122008586.gif');"><img src="https://www.jb51.net/upload/20080508122008586.gif" alt="javascript+css好多网站用的选星星实现打分功能的函数" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20080508122008586.gif');"><img src="/UploadFiles/2021-04-02/20080508122008586.gif" alt="javascript+css好多网站用的选星星实现打分功能的函数" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> </p> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

javascript,css,选星星,打分功能,函数

标签：

javascript,css,选星星,打分功能,函数

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“javascript+css好多网站用的选星星实现打分功能的函数”

暂无javascript+css好多网站用的选星星实现打分功能的函数的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2025年01月23日

javascript+css好多网站用的选星星实现打分功能的函数

javascript,css,选星星,打分功能,函数

js取得当前网址

js方块躲避游戏代码

评论“javascript+css好多网站用的选星星实现打分功能的函数”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接