文档章节

js 评价星级效果

bengozhong
 bengozhong
发布于 2016/04/20 14:21
字数 220
阅读 22
收藏 0
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="Jquery五角星打分效果,Jquery评分效果,Jq评分插件" />
<meta name="description" content="Jquery流行的五角星评分效果" />
<meta name="application-name" content="Jquery五角星评分效果-彭亚欧个人博客代码中心" />
<title>Jquery五角星评分效果</title>
<style type="text/css">
#typeone {
 width:
}
.formItemDiff {
    width: 20px;
    height: 20px;
    background-image: url(diff.png);
    background-position: 0px -575px;
    float: left;
    margin-top: 15px;
}
.formItemDiffFirst {
    margin-left: 20px;
}
</style>
</head>

<body>

<div id="contentMain">
  <div id="contextBg">
    
    <div class="contextBgItem contextBgItemRight">
      <div id="Demo" style="text-align:center;">
        <div class="item" style="margin-top:100px; margin-left:100px;">
          <div class="formItemDiff formItemDiffFirst"></div>
          <div class="formItemDiff"></div>
          <div class="formItemDiff"></div>
          <div class="formItemDiff"></div>
          <div class="formItemDiff"></div>
        
          <p id="pointP" style="float:left; margin-left:20px;"></p>
        </div>
      </div>
      
    </div>
  </div>
</div>
</body>
<script type="text/javascript" src="http://www.pengyaou.com/jquery-1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
   $(".formItemDiff").hover(function() {
                $(this).css("background-position", "0px -555px");
                $(this).prevAll().css("background-position", "0px -555px");
                $(this).nextAll().css("background-position", "0px -575px");
            
                $("#pointP").html($(this).prevAll().length+1+"分");
            });
    });
    </script>
</html>


© 著作权归作者所有

下一篇: js 模仿 F5
bengozhong
粉丝 20
博文 515
码字总数 535841
作品 0
深圳
技术主管
私信 提问
javascript实现类似于淘宝的星级评价

javascript代码 需要两张星星的图片,一张是白色的,一张是金色的。 <script type="text/javascript"> $(function(){ $("#ratings td").html("<img src='head.jpg' />").mouseover(function......

杀丶破狼
2014/07/12
460
1
Web 开发者必备的 14 个 JavaScript 音频库

网页设计可能是现在最有趣的领域之一了。这块的东西对所有的人,不管是知识储备里有料没料的,都敞开大门,机会多多哦。 其最大的特点就是随着时间的推移,实践的深入,你可以慢慢学习着成为...

oschina
2014/02/04
8.5K
13
如何利用javascript去控制点击按钮之后按钮名字的变化?

逻辑是这样的:点击某个按钮“手动评价”之后,促发javaScript方法函数,先执行Ajax 方法对table行数据经行封装,比如获取这一行数据中的“订单编号”,提交到后来的Action经行处理。Action处...

jkingzhou
2014/08/13
3.2K
4
JavaEE程序员必读图书大推荐

下面是我根据多年的阅读和实践经验,给您推荐的一些图书: 第一部分: Java语言篇 1 《Java编程规范》 星级: 适合对象:初级,中级 介绍:作者James Gosling(Java之父),所以这本书我觉得...

长平狐
2012/11/12
1K
0
Jquery常用插件及功能片段

返回顶部 解决手机浏览器bfcache导致的后腿页面js不执行 60S倒计时 禁止浏览器后退 飘入动画 滚动底部加载更多评价 Jquery.clone修复 修复部分浏览器在jquery.clone时 textarea 和 select 标...

麦拂沙
2015/11/03
55
0

没有更多内容

加载失败,请刷新页面

加载更多

《Designing.Data-Intensive.Applications》笔记 四

第九章 一致性与共识 分布式系统最重要的的抽象之一是共识(consensus):让所有的节点对某件事达成一致。 最终一致性(eventual consistency)只提供较弱的保证,需要探索更高的一致性保证(stro...

丰田破产标志
今天
6
0
docker 使用mysql

1, 进入容器 比如 myslq1 里面进行操作 docker exec -it mysql1 /bin/bash 2. 退出 容器 交互: exit 3. mysql 启动在容器里面,并且 可以本地连接mysql docker run --name mysql1 --env MY...

之渊
今天
7
0
python数据结构

1、字符串及其方法(案例来自Python-100-Days) def main(): str1 = 'hello, world!' # 通过len函数计算字符串的长度 print(len(str1)) # 13 # 获得字符串首字母大写的...

huijue
今天
5
0
OSChina 周日乱弹 —— 我,小小编辑,食人族酋长

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @宇辰OSC :分享娃娃的单曲《飘洋过海来看你》: #今日歌曲推荐# 《飘洋过海来看你》- 娃娃 手机党少年们想听歌,请使劲儿戳(这里) @宇辰OSC...

小小编辑
今天
1K
11
MongoDB系列-- SpringBoot 中对 MongoDB 的 基本操作

SpringBoot 中对 MongoDB 的 基本操作 Database 库的创建 首先 在MongoDB 操作客户端 Robo 3T 中 创建数据库: 增加用户User: 创建 Collections 集合(类似mysql 中的 表): 后面我们大部分都...

TcWong
今天
40
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部