Javascript-Jquery插件
OkidoGreen
这个作者很懒,什么都没留下…
展开
-
Zepto实现滑动核销效果
主要事件:touchmove touchstart touchend0、定义常量值(滑动 横向记录差 distance,手指离开屏幕位置与开始滑动位置;刮开角度 :angle 当距离差到达时的翻转角度,过程中为0-angle)1、记录touchstart 的 pageX :originX2、绑定touchmove事情,对 实时pageX :X ,3、比较X-originX,同时根据原创 2017-04-01 17:13:45 · 1509 阅读 · 0 评论 -
jquery 漂浮广告
漂浮广告 $(function(){ $.floatingAd({ //频率 delay: 30, //超链接后是否关闭漂浮 isLinkClosed: true, //漂浮内容 ad: [{ //关闭区域背景透明度(0.1-1) headFilter: 0.3, //图片 'img': 'htt原创 2013-10-23 14:46:47 · 5605 阅读 · 0 评论 -
jquery 上下自动滚动
jquery无缝滚动插件支持图片无缝滚动或文字无缝滚动(function($){ $.fn.myScroll = function(options){ //默认配置 var defaults = { speed:40, //滚动速度,值越大速度越慢 rowHeight:24 //每行的高度 }; var opts = $.extend({}, defaul转载 2013-10-20 09:58:44 · 7596 阅读 · 3 评论 -
Jquery UI的日历控件datepicker限制日期
JQuery.ui.Datepicker是一个很强大的日期选择控件,定制性很强。朱最近在做一个旅馆预订的小功能,要求用户在填写订单选择入住日期时,要将已经被预订出的日期置为不可用,查些资料,看看JS,原来可以使用beforeshowday来控制每一天的格式。主要代码如下: var orderDays = [[4,30,2010],[5,1,2010],[5,14,2转载 2013-12-30 22:55:10 · 16188 阅读 · 1 评论 -
jquery 图片延迟加载的实现
最近c2c电子商务已经进入优化阶段 ,我负责前台大多数的功能的实现 ,其实商品列表页,由于会显示很多的商品 ,要是一次性都显示出来,会造成服务器很大的压力,此时我们可以考虑当用户滑动滚动条的时候 ,图片显示出现在屏幕范围之内的时候在加载进来,这样就可以减少服务器一次性过多请求带来的压力了此时我们用到jquery.js相信大家都知道的还有一个延迟加载的jquery插件 jquery转载 2014-07-30 20:28:33 · 1803 阅读 · 0 评论 -
jQuery 鼠标滚轮插件 mousewheel
jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的即-1,那么滚轮就是向下滚动,正的1就是向上。官方网址:https://github.com/brand转载 2014-02-25 11:25:02 · 3114 阅读 · 0 评论 -
jquery的鼠标滚轮插件 Mousewheel响应跨浏览器的鼠标滚轮事件
jquery插件默认是不支持鼠标中轮滚轮事件的,现在我们可以用于添加跨浏览器的鼠标滚轮支持可以使用jquery的Mousewheel插件。 使用mousewheel事件有以下两种方式: 使用mousewheel和unmousewheel事件函数;使用经典的bind和unbind函数。 [javascript] view plaincopy转载 2014-02-25 11:31:54 · 13700 阅读 · 0 评论 -
推荐好用的Jquery模板插件Jtemplate
jtemplate是javascript的模板引擎。官方网址:http://jtemplates.tpython.com/数据准备:var data ={ TotalCount:64, Lists:[ {Id:'2001' ,Title:'新闻11',CreateDate:'2011-08-08'}, {Id:'2002' ,Title:'新闻22',CreateD转载 2014-05-14 16:15:07 · 2464 阅读 · 0 评论 -
jquery tree table js 试用
官网地址:http://ludo.cubicphuse.nl/jquery-treetable/#api $(function(){ $("#treeTable1").treetable({ expandable: true }); $("#treeTable1").treetable("expandA原创 2013-11-18 19:39:56 · 10263 阅读 · 2 评论 -
jquery.uploadify动态传递表单元素
3.2版本 写法为:$('#').uploadify('settings', 'formData', { 'attachMemo' : $('#attachMemo').val() } );jquery.uploadify动态传递表单元素在给网站开发的时候,璞玉需要用到uploadify这个上传插件,在使用的时候,遇到一个问题就是通过前端的上传脚本,把一个动态的数据传递转载 2013-11-17 10:38:33 · 4627 阅读 · 1 评论 -
jquery.tablesorter.js 使用 table js 排序
$(document).ready(function(){ //header headerSortUp headerSortDown 默认点击更改class 配置即可 //$("#mytable").tablesorter(); //$("#mytable").tablesorter({headers:{5:{sorter:false}}}); //$('#m原创 2013-11-08 13:59:50 · 4408 阅读 · 0 评论 -
JTable 插件的 后台返回值
官网:http://www.jtable.org/Demo/前台传值:jtStartIndex:0jtPageSize:10jtSorting:Name ASC后台返回:{"Result":"OK","Records":[{"StudentId":102,"ContinentalId":1,原创 2013-10-30 15:31:20 · 1489 阅读 · 0 评论 -
jQuery插件AjaxFileUpload 例子
AjaxFileUpload.js下载地址: http://www.phpletter.com/Our-Projects/AjaxFileUpload/ Jquery.js下载地址: http://jquery.com/ 页面代码: Java代码 "text/javascript" src="js/jquery.js转载 2013-11-20 16:16:21 · 3618 阅读 · 0 评论 -
JQuery-跑马灯(文字无缝向上翻动)(自已封装的第三个插件)
(function($){ $.fn.extend({ "slideUp":function(value){ var docthis = this; //默认参数 value=$.extend({ "li_h":"30",转载 2013-10-18 19:20:18 · 3642 阅读 · 0 评论 -
JQuery实现文字无缝滚动效果(Marquee插件)
推荐一个JQuery的无缝文字滚动效果,同时也可以滚动图片,也叫做跑马灯效果。此jquery插件,依托jquery库,能实现各种滚动效果,且让HTML代码符合W3C标准。官方演示,如下: Demo使用方法如下:1、加载javascript。 type="text/javascript" src="js/jquery.js"> type="text/jav转载 2014-08-25 19:54:28 · 47917 阅读 · 0 评论 -
jquery FullCalendar 官方文档翻译
1. 使用方式, 引入相关js, css后, $(‘#div_name’).fullCalendar({//options}); 接受的是一个option对象2. 普通属性2.1. year, month, date: 整数, 初始化加载时的日期.2.2. defaultView: 字符串类型, 默认是’month;2.2.1. 允许的views:2.2.转载 2014-09-16 19:49:37 · 2013 阅读 · 0 评论 -
移动web最简洁的滑动效果Swipe JS(适合初学者)
最近要做一个移动web的项目,前端后端都自己一人来搞。由于之前一直是做后端的开发,没涉及过前端的开发,甚是无从下手,但又不得不去弄,于是乎,先把w3school上前端相关的html、js、css都预览了一遍,然后在仿照别人的站点自己尝试着去实现。虽然很多人都是前台很简单,没啥搞的(至少像我做后台的那些同事这么认为),但是真正开始弄起来,还是有些困难的,要做到美观易用,更得下工夫研究里面的所转载 2015-09-16 18:41:11 · 3517 阅读 · 0 评论 -
PUUPLOAD 上传文件范例
邮政网点-批量导入 <td colspan="2" class="text-center" style="border: none; padding: 15px 0;"> 邮政服务网点导入 ×转载 2015-06-30 18:04:05 · 2193 阅读 · 0 评论 -
WEB版一次选择多个文件进行批量上传(Plupload)的解决方案
说明:Plupload支持多种浏览器,多种上传方式! 一般的WEB方式文件上传只能使用FileUpload控件进行一个文件一个文件的进行上传,就算是批量上传,也要把文件一个一个的添加到页面,无法如 windows程序一样,一次选择多个文件进行批量上传。这样在某些应用上就显得很不人性化,有时候客户希望能够一次选择很多文件,然后让系统把选择的文 件全部上传。本人在2010年时使用转载 2015-06-30 18:02:47 · 6497 阅读 · 2 评论 -
前端上传组件Plupload使用指南 与swfupload一样强大
Plupload是一款由著名的web编辑器TinyMCE团队开发的上传组件,简单易用且功能强大,我们完全可以使用Plupload来代替以前的SWFUpload。Plupload有以下功能和特点:1、拥有多种上传方式:HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境,选择最合适的上传方式,并且会优先使用HTML5的方式。所以你完全不用去操转载 2015-06-30 18:00:19 · 2760 阅读 · 0 评论 -
解决SwfUpload在IE10上不出现上传按钮
在系统测试过程中,发现使用了SwfUpload实现的无刷新上传功能,在IE10上竟然无法使用了,难道SwfUpload不支持吗?还是需要换一种实现方式呢?最后通过了解SwfUplad.JS文件发现,我们是可以修改的,让其支持IE10,具体解决方案如下: 打开SwfUpload.js,在js文件中找到// Private: getFlashHTML generates the转载 2015-06-30 11:32:06 · 1932 阅读 · 0 评论 -
jquery textarea指定位置插入内容
插件:// JavaScript Document(function($){ $.fn.extend({ "insert":function(value){ //默认参数 value=$.extend({ "text":"123" },value); var dthis = $(this)[0]; //将jQuery对象转换为DOM元素原创 2015-03-10 13:57:15 · 4670 阅读 · 0 评论 -
纯客户端页面关键字搜索高亮jQuery插件
一、效果抢鲜展示此插件是我今天下午写的,为了直观地看到是个什么东东,先展示效果,您可以狠狠地点击这里:搜索页面文字jQuery插件Demo下图为Demo页面的两个测试截图 – 测试页面HTML代码取自豆瓣网帮助页面:下载您可以狠狠地点击这里:jquery.textSearch-1.0.js文件较小,功能简单,恕不打包~~二、功能简述从上图也应转载 2015-03-02 15:22:53 · 2592 阅读 · 0 评论 -
javascript上传图片前预览图片兼容大多数浏览器
代码如下:复制代码 代码如下: function setImagePreview() { var docObj = document.getElementById("ctl00_ContentMain_file_head"); var fileName = docObj.value; if (!fileName.match(/.jpg|.gi转载 2014-12-12 10:58:42 · 1536 阅读 · 0 评论 -
js 左右无缝滚动
利则诺顿 扬奇洛斯 邦浦洛斯 邦奇诺 布鲁顿 邦诺斯娜 杨格斯 迪基格斯 奥卡洛斯 左迪洛斯 巴朵兰恩 帖拉所伊朵 朵巴奈特转载 2015-01-09 14:31:58 · 2140 阅读 · 0 评论 -
JQuery实现文字无缝滚动效果(Marquee插件)
推荐一个JQuery的无缝文字滚动效果,同时也可以滚动图片,也叫做跑马灯效果。此jquery插件,依托jquery库,能实现各种滚动效果,且让HTML代码符合W3C标准。官方演示,如下: Demo使用方法如下:1、加载javascript。 type="text/javascript" src="js/jquery.js"> type="text/jav转载 2015-01-09 14:28:35 · 1851 阅读 · 0 评论 -
Jquery 甘特图 插件 jQuery.Gantt
http://taitems.github.io/jQuery.Gantt/原创 2014-11-25 09:40:33 · 17802 阅读 · 3 评论 -
jQuery插件实战之fullcalendar(日历插件)Demo
jQuery的插件非常多,应用的场景也非常丰富,今天我这里给大家介绍一款非常实用的日历页面开发插件 - fullcalendar,目前最新版本是1.5.1,使用这款插件能够快速帮助你快速编程实现基于web的日历查看功能,大家可能都使用过outlook的日历项功能,使用日历界面能更方便的查看待办事项或者约会。开发过程快速方便。插件首页的文档也非常全。当然目前只有英文文档。不错插件支持多语言,这个很不转载 2014-09-16 19:51:55 · 3259 阅读 · 1 评论 -
jquery uploadify 3.2 基于struts2 上传文件
项目截图:index.jsp 代码--》 down的例子做的修改(不知道哪里改错了的)01link rel="stylesheet" type="text/css" href="css/uploadify.css">02 script type="text/javascript" src="转载 2013-11-15 20:24:08 · 2031 阅读 · 0 评论 -
jquery 找到当前可见的元素并切换显示
$(function(){$("li").hover(function(){clearInterval(t)}, function(){t = setInterval("a()", 3000);}); })var t ;function a(){var listTmp = $("li").filter(function(){return $(this).css('display')!=转载 2013-12-05 20:11:42 · 4958 阅读 · 0 评论 -
基于jquery的显示插件 jquery.qtip
所需JS:jquery.qtip-1.0.0-rc3.js可以用来提示信息,比如某些文本框不满足条件,做出醒目标识及提示。$(target)为某个dom元素,error为显示的内容/**/ $(target).qtip({ content:error, position: { corner: { to原创 2012-10-24 16:07:54 · 1547 阅读 · 0 评论 -
关于播放器JPlayer的使用及遇到的问题
jPlayer是一个用于控制和播放mp3文件的jQuery插件。它在后台使用Flash来播放mp3文件,前台播放器外观完全可以使用XHML/CSS自定义。支持:有一点比较好的是,在支持html5的浏览器上会使用html5的标签audio或者video,而不支持的浏览器上使用swf来播放选择需要播放的Mp3文件。播放、暂停、停止控制。音量控制。 取得播放进度等信息。官方网原创 2012-11-13 15:12:04 · 18533 阅读 · 3 评论 -
Jquery Jcrop 插件java的使用方法 包括图片保存类
1。下载最新的Jcrop文件。 http://deepliquid.com/content/Jcrop.html 里面有demo文件,可以直接看.但要实现剪切功能还需要类来支持。默认的是PHP的。 2。Utils类 Java代码 public class Utils { public sta转载 2012-10-27 11:50:22 · 2172 阅读 · 0 评论 -
jquery 左右滚动
$(function(){ //@Mr.Think***变量 var $cur = 1;//初始化显示的版面 var $i = 4;//每版显示数 var $len = $('.showbox>ul>li').length;//计算列表总长度(个数) var $pages = Math.ceil($len / $i);//计算展示版面数量 var $原创 2012-10-22 14:48:06 · 1694 阅读 · 0 评论 -
JS Date格式化为yyyy-MM-dd类字符串
Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute转载 2012-11-09 10:46:23 · 3365 阅读 · 0 评论 -
js模拟showmodaldialog,遮盖层及弹出div
function divPosition(div){ var top = ($(document).height() - $(div).height())/2; var left = ($(document).width() - $(div).width())/2; $(div).css("left",left+"px"); $(div).css("top",top+"px");}原创 2012-11-12 21:39:40 · 2691 阅读 · 0 评论 -
Jquery Messager 插件
MESSAGER插件$(document).ready(function(){ $.messager.show(0,'送你一个Jquery Messager消息弹出插件!'); $("#showMessager300x200").click(function(){ $.messager.lays(300, 200); $.messager.show(0, '300x200的消息转载 2012-11-05 15:04:04 · 2093 阅读 · 0 评论 -
Nivoslider:丰富的图片切换效果
Nivoslider是一款基于jQuery的,能实现多种切换效果的图片切换插件。Nivoslider提供了11种切换效果,支持多种参数配置和方法函数调用,使用简单,是一款非常理想的图片切换插件。 XHTML id="slider" class="nivoSlider"> src="images/s1.jpg" alt="" title="好漂亮的狗狗..."转载 2012-11-02 11:59:56 · 1457 阅读 · 0 评论 -
1个可以旋转html元素的jquery插件
所需文件 :jquery.rotate.1-1.js 效果:左转 操作后:原创 2012-10-23 08:58:56 · 2594 阅读 · 1 评论 -
jquery 树形控件 Ztree
官网:http://www.ztree.me/v3/main.php使用 json 数据格式简单实例:http://tieba.baidu.com/f?kz=1432280689项目中使用ztree实现部门及人员选择框的例子:支持默认选中 展开 <%response.setHeader("Charset","UTF-8'");String path = request原创 2012-10-27 11:58:56 · 11908 阅读 · 0 评论