jquery简单的五星评价功能

2024-11-09

jQuery实现简单的五星好评

最近一直在认真的努力工作,今天工作完成得差不多了,比较轻松点,在工作中有遇到用jq实现五星好评功能,觉得简单又有用,所以空闲时间就想分享出来. css部分: <style> .u_star { padding: 0.8rem 0; margin-top: 2rem; display: block; zoom:; } .u_star span { display: inline-block; width: 1.8rem; height: 1.72rem; background: url(&quo

jquery代码实现简单的五星评价功能！

实现: 1,鼠标移动到第三个星星,则一二三星星变亮,后两个变暗 2,鼠标点击某个星星后,可以继续选择,但拿开后星星会定格住你点击的位置 <script type="text/javascript"> //★ $(function () { //由于不好获取点击的span的是何坐标,所以声明一个变量来记录点击的span标签的id var mark; $("*").css({ margin: "0px", padding: "0

javascript代码实现简单的五星评价功能！

jquery 五星评价(图片实现)

1111 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>五星评价(图片实现) </title> <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script> </head> <body

使用 jquery 的上传文件插件 uploadify 3.1 配合 java 来做一个简单的文件上次功能。并且在界面上有radio 的选择内容也要上传

使用 jquery 的上传文件插件 uploadify 3.1 配合 java 来做一个简单的文件上次功能.并且在界面上有radio 的选择内容也要上传 uploadify 插件的下载和文档地址点击打开链接 1. jsp的内容 <%@ page language="java"import="java.util.*"pageEncoding="UTF-8"%> <% String path = request.getCon

从零开始实现基于微信JS-SDK的录音与语音评价功能

最近接受了一个新的需求,希望制作一个基于微信的英语语音评价页面.即点击录音按钮,用户录音说出预设的英文,根据用户的发音给出对应的评价.以下是简单的Demo: ![](reecode/qrcode.png) --> 最近接受了一个新的需求,希望制作一个基于微信的英语语音评价页面.即点击录音按钮,用户录音说出预设的英文,根据用户的发音给出对应的评价.以下是示例二维码,使用微信扫一扫即可查看: ☑ 录音 ☑ 录音动画 ☑ 录音播放 ☑ 英语语音评价(部分实现) ☑ 只允许微信客户端打开零技术选型

jquery ZeroClipboard实现黏贴板功能，兼容所有浏览器

两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能会更大.成长以来,很多朋友也听说到不少激励自己上进的话,但不是每个人都能一直坚持做下来,其实,这个跟自己的性格以及周围的环境都有很大关系,只能说多找方法.条件给自己鼓励,不断提高对自己的要求,才有机会获得多一点的成就. 今年下半年打算在组内建个叫『移动开发指南』的站点,在网站框架搭建过程,有一个功能

jquery简单封装

对Raphael画图标的一个jquery简单封装公司要做一个项目的demo,要求地图上可以插红旗,所以就用到了Raphael. 因为是个demo,所以地图就用了一张图片,效果如下: 所以为了更好的封装一下这个功能,就写了一个简单的插件:jquery-pointpainter.js /** * @author Lee<br> * @since 2013-8-19 <br> */ (function($, Raphael) { $.fn.pointpainter = function

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化. 使用chinastates表查询 Ajax加载数据 1.这是chinastates表 2.做一个简单php:Ajax_eg.php <!DOCTYPE html><html> <head> <meta c

jQuery实现购物车计算价格功能的方法

本文实例讲述了jQuery实现购物车计算价格功能的简易方法,做的比较简单,现分享给大家供大家参考.具体如下: 目的: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN&quo

jQuery 简单介绍

jQuery 简单介绍 jQuery的定义 jQuery是一个快速,小巧,功能丰富的JavaScript库.它通过易于使用的API在大量浏览器中运行,使得 HTML文档遍历和操作,事件处理,动画和Ajax更加简单.通过多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式. jQuery 中 98% 的都是方法只有两个属性: 索引和 length 为什么要使用jQuery? window.onload 事件有事件覆盖的问题,因此只能写一个事件.

Bootstrap+JSP实例学习笔记一.简单的带登录功能的首页

前言 Bootstrap 是流行的 HTML.CSS 和 JS 框架,用于开发响应式布局.移动设备优先的 WEB 项目.源自于twiteer内部的开发框架. 当前(2019-05)最新版本是v3.3.7. 官网:https://v3.bootcss.com/ 学习初衷: 不能每来一个项目都重头开始吧,希望积累框架,节省时间,快速上手,尽快出效果.不用太花哨,但也不能太难看. 选一个简单易上手的框架,那就选这个bootstrap吧. 效果图没使用样式: 使用bootstrap样式: 自己写的样式

使用jQuery简单实现返回顶部的一个小案例

1.简单写一个页面首先我们应该创建两个盒子,container盒子主要模拟页面滚动到的位置,back盒子主要功能是实现返回顶部的功能 2.简单的对这两个盒子写一些样式我们应该先将返回顶部盒子隐藏(display:none) 我们可以看到页面是这个样子 3.使用jQuery简单写返回顶部的js 最终实现返回顶部的功能

CSharpGL(24)用ComputeShader实现一个简单的图像边缘检测功能

CSharpGL(24)用ComputeShader实现一个简单的图像边缘检测功能效果图这是红宝书里的例子,在这个例子中,下述功能全部登场,因此这个例子可作为使用Compute Shader的典型示例. ★用imageLoad从纹理中读取数据.★ ★用imageStore将数据写入纹理.★ ★用vertex/fragment shader显示出compute shader的计算结果.★ 下面是3个测试用例. 下载 CSharpGL已在GitHub开源,欢迎对OpenGL有兴趣的同学加入(ht

jQuery简单实现iframe的高度根据页面内容自适应的方法(转)

本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法.分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $("#iframeId").load(function () { var mainheight = $(this).contents().find("body").height() + 30; $(this).height(mainheight); }); 方式2: //注意:下面的代码

jQuery简单的手风琴菜单

查看效果:http://keleyi.com/keleyi/phtml/menu/5.htm 本菜单的HTML代码和JS代码都简洁,完整源代码: <!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

完成一段简单的Python程序，用于实现一个简单的加减乘除计算器功能

#!/bin/usr/env python#coding=utf-8'''完成一段简单的Python程序,用于实现一个简单的加减乘除计算器功能'''try: a=int(raw_input("please input a number:"))except ValueError: print("第一个运算数字输入非数字")try: b=int(raw_input("please input another number:"))except Valu

Selenium + PhantomJS + python 简单实现爬虫的功能

Selenium 一.简介 selenium是一个用于Web应用自动化程序测试的工具,测试直接运行在浏览器中,就像真正的用户在操作一样 selenium2支持通过驱动真实浏览器(FirfoxDriver,IternetExplorerDriver,OperaDriver,ChromeDriver) selenium2支持通过驱动无界面浏览器(HtmlUnit,PhantomJs) 二.安装 Windows 第一种方法是:下载源码安装,下载地址(https://pypi.python.org/py

iOS开发——使用技术OC篇&简单九宫格锁屏功能的实现与封装

简单九宫格锁屏功能的实现与封装首先来看看最后的实现界面. 在这开始看下面的内容之前希望你能先大概思考活着回顾一下如果你会怎么做,只要知道大概的思路就可以. 由于iphone5指纹解锁的实现是的这个功能呗淘汰,但是你可能会在想,都淘汰了你还在这里说个毛线啊,其实大家都知道,编程注重的思想,当然会了这个你不可能就会了指纹技术,哪还得等笔者在后面的学习中给大家分享,只是或许有一天这种功能或者思路在哪里要用到你不觉得是一件很开心的事情吗,而且如果你是不想自己敲的话直接可以拿来用. 好了不多废话直接上

jquery 简单弹出层(转)

预定义html代码:没有所有代码通过js生成和移除. 预定义css /* 基本弹出层样式 */ .my-popup-overlay { width:100%; height:auto; /* width height is defined by javascript */ position: absolute; top:0; left: 0; z-index: 1000; background-color: #000; opacity: 0.2; *filter:alpha(opacity=2

jquery简单的五星评价功能

热门专题