js点亮星星评分并获取参数的js代码

174 阅读 0 评论 115 点赞

我是靠谱客的博主发嗲大叔，最近开发中收集的这篇文章主要介绍js点亮星星评分并获取参数的js代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

用到的图片如下：

在线演示地址：http://demo.uoften.com/js/2014/jsxxdf/demo2.html

完整代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>网页特效 添加行为的星星评级效果 脚本之家欢迎您.</title>

<!--

body{font-size:12px;}

ul{padding:0;margin:0;}

.star_rating {list-style:none;margin:-1px 0 0 -1px; padding:0; width:70px; height:12px; position:relative; background:url(http://demo.uoften.com/demoimg/rating_stars.gif) 0 0 repeat-x; overflow:hidden;font-size:0;}

.star_rating li{padding:0;margin:0;float:left;}

.star_rating li a{display:block;width:14px;height:12px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0;margin:0;}

.star_rating li a:hover{background:url(http://demo.uoften.com/demoimg/rating_stars.gif) 0 12px;z-index:2;left:0;}

.star_rating a.one_star{left:0;}

.star_rating a.one_star:hover{width:14px;}

.star_rating a.two_stars{left:14px;}

.star_rating a.two_stars:hover{width:28px;}

.star_rating a.three_stars{left:28px;}

.star_rating a.three_stars:hover{width:42px;}

.star_rating a.four_stars{left:42px;}

.star_rating a.four_stars:hover{width:56px;}

.star_rating a.five_stars{left:56px;}

.star_rating a.five_stars:hover{width:70px;}

.star_rating li.current_rating{background:url(http://demo.uoften.com/demoimg/rating_stars.gif) 0 24px;position:absolute;height:12px;display:block;text-indent:-9000px;z-index:1;left:0;}

#www_zzjs_net{margin:0 0 20px 20px;}

#www_zzjs_net p{margin:20px 0 5px 0;}

-->

</style>

</head>

<body>

脚本之家,站长必备的高质量网页特效和广告代码。<hr>

</li>

<li class="current_rating">default level</li>

</ul>

</li>

<li class="current_rating">default level</li>

</ul>

</li>

<li class="current_rating">default level</li>

</ul>

</div>

</form>

</body>

</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

最后

以上就是发嗲大叔为你收集整理的js点亮星星评分并获取参数的js代码的全部内容，希望文章能够帮你解决js点亮星星评分并获取参数的js代码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

本文分类：JavaScript
浏览次数：174 次浏览
发布日期：2022-04-09 01:03:02
本文链接：https://www.kaopuke.com/article/k-p-k_12_u_7_o_18_f2_13__23_k_27_.html

js点亮星星评分并获取参数的js代码

概述

最后

评论列表共有 0 条评论

发表评论取消回复

js点亮星星评分并获取参数的js代码

概述

最后

相关文章

评论列表共有 0 条评论

发表评论 取消回复

发表评论取消回复