- 浏览: 796891 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (480)
- Spring (12)
- Hibernate (8)
- Struts2 (4)
- Java 基础-JDK-类-接口-URI-专题研究 (27)
- 线程、线程池、多线程高并发高可用、Socket通信 (15)
- Oracle数据库 (20)
- 一般-前端js-html-其它 (25)
- JYSK-互联网金融、金融科技、支付、公司、新闻等等 (8)
- Ajax-jQuery开源框架 (7)
- Json-轻量级的数据交换格式 (14)
- JavaScript (15)
- Jsp、Servlet、Servlet+JSP+JavaBean开发模式(MVC) (18)
- Html-JavaScript-前端-调用接口 (12)
- Sql Server 2005 (6)
- 正则表达式 (2)
- Java tools (18)
- 加签与验签、加密与解密 (3)
- Ajax技术核心-xmlHttpRequest(简称XHR) (6)
- xml-数据交换格式 (3)
- 信息采集 (1)
- Http - Https - HttpClient - httpCore-SSL-TLS (10)
- HtmlParser (2)
- 标签库 (1)
- SMS (2)
- jxl-导入导出 (4)
- poi-导入导出 (2)
- 定时器Timer+Quartz (6)
- 工作流引擎JBPM3.2.3 (4)
- 工作流引擎JBPM4 (0)
- 数据源-JNDI (0)
- tomcat、weblogic等应用服务器 (6)
- 工作流引擎jbpm5 (1)
- 搜索引擎Lucene (1)
- ant (1)
- 大数据-HBase (2)
- bigtable (0)
- 数据库设计 (4)
- jquery tab (0)
- mybatis (5)
- jquery ui 1.10.3 (5)
- Jboss7 (1)
- 规则引擎drools (0)
- 工作流引擎Activiti5 (0)
- 数据库-用户自定义函数 (0)
- 数据库-存储过程 (2)
- 数据库-视图 (0)
- 数据库-触发器 (0)
- 数据库-sql (2)
- highcharts-图表工具 (1)
- sql server 2008 (6)
- 诗词-工作室 (2)
- 数据割接 (1)
- GIS-地理信息系统 (2)
- RS-遥感技术 (1)
- GPS-全球定位系统 (1)
- java整合flex_RIA开发 (3)
- C#编程语言 (5)
- webservice_axis2_cxf_soap_wsdl (2)
- sql语句 (3)
- Flex_WebService_GIS (25)
- PHP编程语言 (0)
- ExtJS4.2 (1)
- Spring mvc (5)
- EasyUI1.4.2 (16)
- 日期时间工具类 (4)
- 随机数 (1)
- Arcgis api for js (0)
- Mysql数据库 (9)
- 移动互联网 java html5/flash socket netty (0)
- API接口 (1)
- AndroidStudio (0)
- Git (2)
- Maven (5)
- IDEA (0)
- 大数据-Hadoop (2)
- JPA (0)
- Spring boot (4)
- JSF (0)
- nginx_lua_module_redis (2)
- Activiti (1)
- bootstrap (1)
- AngularJS (10)
- 数据库-索引 (1)
- Linux及其连接工具SSH (4)
- java日志管理 (2)
- islider滑动控件 (1)
- jquery (1)
- 异常处理Exception (1)
- 秒杀与类秒杀系统 (1)
- 连接数据库、数据库连接池 (4)
- 数据库-临时表 (1)
- 软件设计模式-单例、多例、代理、工厂、观察者 (3)
- 集合框架 (5)
- 人工智能--Artificial intelligence、神经网络算法、机器学习 (1)
- 分布式应用 (1)
- SOA服务-Dubbo框架-Thrift框架 (2)
- Zookeeper分布式服务框架 (2)
- intellij idea (1)
- python编程语言 (0)
- 消息队列_MQ (0)
- 消息队列_RabbitMQ (2)
- 消息队列_ActiveMQ (1)
- 消息队列_Kafka (2)
- 缓存_Redis (4)
- 缓存_Memcache (0)
- 缓存_Ehcache (0)
- ivy-ivyde (1)
- google-protocol buffers (1)
- 正向代理-正向代理服务器 (1)
- 反向代理-反向代理服务器 (1)
- JVM内存模型 (0)
- Thunder框架 (1)
- NIO-非阻塞式IO (0)
- 软件测试、性能测试 (1)
- 序列化、Serializable接口、Externalizable接口 (3)
- 线程池-ExecutorService-ThreadPoolExecutor (1)
- web.xml (1)
- java开发-java工具-实用工具网站 (6)
- 医疗 (1)
- Filter-过滤器 (2)
- Unicode码-双字节字符编码 (1)
- OpenResty (1)
- 计算机网络 (1)
- eclipse_myeclipse_intellij idea (3)
- Enum (1)
- 大数据--Big Data (1)
- 云计算--Cloud computing (1)
- Elastic-Job (1)
- Redis (2)
- 文件流-IO操作 (6)
- 计算机基础知识 (1)
- Hessian-二进制RPC协议 (1)
- String类 (3)
- BigDecimal类 (1)
- java重要接口 (1)
- ReactJS (1)
- 跨域问题 (0)
- Map (1)
- 注解 (1)
- ASCII码-单字节字符编码 (1)
- 微服务、微服务架构 (2)
- RPC协议、RPC服务、RPC框架 (0)
- java反射 (1)
- java项目之classpath (1)
- 经典算法-树 (1)
- listener-监听器 (1)
- Interceptor-拦截器 (1)
- pojo javabean (2)
- 计算机科学与技术-进阶 (1)
- 代码规范与文档编写 (1)
- UML-统一建模语言 (1)
- 对接微信、支付宝 (3)
- 压力测试 (1)
- 办公软件-Excel (1)
- 办公软件-PPT (0)
- UTF8、GBK编码 (1)
- 微服务架构:Spring Cloud架构-Dubbo架构 (6)
- Nginx (1)
- 点滴业务 (1)
- form表单-json数据-转换与接口调用 (1)
- Junit单元测试 (1)
- 大数据-Spark (1)
- 大数据-Storm (1)
- 数据库事务-Spring事务 (0)
- elasticsearch (1)
- windows (1)
最新评论
(function ($){ var defaults = { title:null,//上方的标题 titleColor:'#C3C3C3', titleFontSize:'15px', titleAlign:'center', width:'500px',//一共的宽度 speed:1000,//显示效果的时间(毫秒) bgImg:'../../images/bg.gif',//背景 multiple:false,//是否多选 showPoll:false,//是否显示投票 data:'',//数据 itelTotal:6,//一共支持的颜色数量 itemStyle:{ fontSize:'12px',//每条文字的大小 bgColor:'#fffae2'//每条的背景颜色 } }; $.fn.poll = function (id,options){ options = $.extend(defaults,options); var dataObj = eval("("+options.data+")");//数据JSON var o = this; var total=0; $.each(dataObj.root,function (i,n){//统计一共的投票数 total+=parseInt(n.value); }); $(this).append("<table id='"+id+"' border='0' style='font-size:"+options.itemStyle.fontSize+";' width='"+defaults.width+"'></table>");//设置TABLE的长度 if(null != options.title) //是否显示标题 $("table",this).append("<tr><td colspan=4 align='"+options.titleAlign+"' ><span style='color:"+options.titleColor+";font-size:"+options.titleFontSize+";'>"+options.title+"</span></td></tr>"); var itemDiv; $.each(dataObj.root,function (i,n){ var index=0;//当前个数,超过5个循环取 var percentage = (n.value/total*100).toFixed(2);//取后两位百分比 if(isNaN(percentage)){ percentage=0; } var imgWidth = parseFloat(percentage); if(imgWidth>0) { if(i>(options.itelTotal-1)) index = i-(options.itelTotal-1); else index = i; itemDiv="<div style='background-color:"+options.itemStyle.bgColor+";font-size:"+options.itemStyle.fontSize+"'><div divWidth='"+imgWidth+"' style='width:0%;background-image:url("+options.bgImg+");' class='poll_plan"+index+"' ><div class='plan_e' style='background-image:url("+options.bgImg+");'><div class='plan_c' style='background-image:url("+options.bgImg+");'></div></div></div></div>"; } else { itemDiv=''; } $("table",o).append("<tr><td width='30%' align='right' >"+n.name+":</td><td width='60%' bgcolor='"+options.itemStyle.bgColor+"' >"+itemDiv+"</td><td width='10%' nowrap >"+n.value+"("+percentage+"%)</td></tr>"); if(options.showPoll){//是否显示投票 if(options.multiple){//是否是多选 $("tr:last").append("<td><input type='checkbox' name='poll_"+id+"' value='"+n.id+"'/></td>"); }else { $("tr:last").append("<td><input type='radio' name='poll_"+id+"' value='"+n.id+"'/></td>"); } } }); $("div",o).each(function(i,n){ if($(n).attr('divWidth')) { $(n).animate( { width: $(n).attr('divWidth')+'%'}, options.speed ); $(n).removeAttr("divWidth"); } }); return this; }; $.fn.getChecked=function (){ var checked_val; return $(":checked",this); }; })(jQuery);
发表评论
-
ajax请求restful接口端服务
2016-07-05 11:11 3145var pageStatus=""; ... -
jquery设置文本框默认文字消失效果2种
2014-07-18 10:52 1022效果图: 代码: <!DOCTYPE html ... -
fileupload
2013-09-10 15:32 547<!-- fileupload --> ... -
一个简单ajax
2013-01-15 19:54 1026//增加记录 public String addRemind ... -
一个js
2013-01-05 10:24 787function updateProcess() { ... -
基本的就jQuery例子
2012-08-06 11:13 912<html> <head> < ...
相关推荐
Animate.min.css是一个非常实用的CSS库,专门用于创建各种丰富的动画效果。这个库是由开发者Daniel Eden精心设计和编写的,它极大地简化了在Web开发中添加动态视觉效果的过程。通过在HTML元素上简单地应用预定义的...
Animate.css 是一个强大的开源CSS动画库,它提供了一系列预先定义好的动画效果,使得开发者无需从零开始编写复杂的CSS代码,就能轻松实现各种炫酷的动态效果。这个库被广泛应用于网页设计,提升用户体验,吸引用户...
在jQuery库中,`animate()`函数是一个非常强大的工具,用于创建自定义的平滑动画效果。这个函数允许开发者控制HTML元素的各种属性,如宽度、高度、位置等,并以指定的速度平滑地改变这些属性。在标题和描述中提到的...
Animate.css是一个流行的开源库,专为网页设计师和开发者提供了一系列预先定义好的动画效果。这个"animate.css-4.1.1.zip"压缩包包含了Animate.css的4.1.1版本,这是一个更新到最新状态的库,确保了你能够获得最新的...
Animate.css是一个广受欢迎的开源CSS3动画库,它为网页开发者提供了一系列预先设计好的、易于使用的动画效果。这个库极大地简化了在Web项目中添加动态元素的过程,无需编写复杂的JavaScript或者CSS关键帧动画。让...
"Animate CC课件汇总整本书电子教案全套课件完整版ppt教学教程.ppt" Animate CC 是基于 Adobe Flash Professional CC 的基础上发展得来的二维动画制作软件。 Animate CC 拥有大量的新特性,特别是在保留原本的 ...
AnimateCC二维动画设计与制作课程标准 本课程旨在培养数字媒体应用技术专业(影视动画方向)学生的二维动画设计与制作能力,目标是让学生掌握计算机二维动画设计与制作的基本知识与创作技巧,能制作不同类型的简单...
### Swiper结合Animate实现整屏滚动效果的知识点详解 #### 一、Swiper与Animate概述 Swiper是一款功能强大且灵活的触摸滑动组件库,适用于网页和移动应用中的多种场景,如幻灯片展示、产品轮播图、广告轮播等。其...
Animate CC 2019 动漫制作案例教程全书电子教案完整版课件 Animate CC 2019 是 Adobe 公司推出的动漫制作软件,广泛应用于动画、漫画、游戏、广告、教育等领域。本教程旨在帮助读者快速掌握 Animate CC 2019 的基础...
Animate.css 是一个强大的预设CSS3动画库,它为开发者提供了丰富的动画效果,极大地简化了在Web项目中添加动态效果的工作。这个库包含了各种各样的动画类型,如淡入淡出、滑动、旋转、缩放等,适用于按钮、图标、...
Animate.css是一款广受欢迎的开源CSS动画库,专为网页设计师和开发者设计,旨在简化和加速网页动态效果的实现。这款插件提供了丰富的预定义动画效果,涵盖了过渡、旋转、缩放、滑动等多种视觉表现形式,让网页元素的...
"wow.js+animate" 是一种结合了Wow.js和Animate.css技术的解决方案,用于在网页上创建引人入胜的动画效果。让我们深入探讨这两个关键组件以及如何将它们整合到你的网页项目中。 **Wow.js** 是一个JavaScript库,由...
Animate动画脚本是一种广泛应用于网页和应用程序中的技术,用于创建流畅、交互式的视觉效果。它在Web开发领域中扮演着重要角色,使得开发者能够轻松地为网站增添动态元素,提高用户体验。Animate通常与CSS(层叠样式...
《jQuery数字跳动插件AnimateNumber深度解析》 在当今的网页开发中,JavaScript库如jQuery极大地简化了前端开发工作,尤其是动态效果的实现。其中,“jQuery数字跳动插件AnimateNumber”是一款专为实现数字动态变化...
本篇文章将深入探讨jQuery中的`animate()`方法,这是一个强大的功能,用于创建平滑的自定义动画效果。 `animate()`方法是jQuery库中一个核心的函数,允许开发者创建复杂的动画序列。它通过改变CSS属性值,如宽度、...
Adobe Animate是一款强大的动画创作软件,它被广泛用于制作互动式网页内容、2D动画、游戏、应用程序以及教育课件。本教程将详细介绍Animate的基本操作,帮助用户掌握其核心功能。 首先,熟悉Animate的工作界面至关...
在这个"免费jquery animate小用例"中,我们将深入探讨`animate()`的使用方法及其背后的原理。 `animate()`函数允许开发者自定义元素的各种CSS属性(如宽度、高度、位置等)的变化过程,从而实现丰富的动态效果。...
在“actionScript关节运动animate”这个主题中,我们将深入探讨如何利用ActionScript来模拟人体关节的运动,这在游戏开发、教育应用或艺术表现等领域具有广泛应用。 在Animate(以前称为Flash Professional)中,...
本文将介绍如何使用原生JavaScript实现类似jQuery中的animate()方法的动画效果。在前端开发中,jQuery提供了一套非常方便的API来实现动画效果,但随着Web标准的发展和性能优化需求的提高,原生JavaScript的方法逐渐...
Animate动画设计与制作项目教程是针对想要学习和掌握Adobe Animate这一强大动画制作软件的用户而准备的教学资源包。这个压缩文件包含了丰富的课程材料,旨在帮助初学者和进阶者提升在数字媒体、游戏开发、网页动画...