当开发者需要对某局部文本进行点击复制效果时，在IE下实现比较简单。但要想做到跨浏览器比较困难了。Zero Clipboard 它利用 Flash 进行复制，所以只要浏览器装有 Flash 就可以运行，而且比IE的document.execCommand(“Copy”) 更加灵活。Zero Clipboard 的实现原理Zero Clipboard 利用 Flash 进行复制，之前有 Clipboard Copy 解决方案，其利用的是一个隐藏的 Flash。但最新的 Flash Player 10 只允许在 Flash 上进行操作才能启动剪...
近期在移动方面的开发，使用jQuery Mobile ，移动方面的插件不如Web 方面的插件多，选择的更少，有一些需要自己去封装，但功力尚不足啊。 日期插件JQM也提供了内置的，但样式方面不好看，只好百度、Google啦，找到了两款 jquery-mobile-datebox 和 mobiscroll-2.3 jqueryMobileDatebox 这个在板上的表现不好，性能方面有点卡 mobiscroll 性能方面比前者要好一些，效果更简洁 ，划动更流畅 放在一起对比下各位看官，你们觉得哪个好看...
JQuery是一款非常优秀的脚本框架，其丰富的控件使用起来也非常简单，配置非常灵活。下面做一个使用日期插件datapicker的例子。1、下载jQuery核心文件就不用说了吧，datepicker是轻量级插件，只需jQuery的min版本就行了，然后到官网http://jqueryui.com/download下载jquery-ui压缩包（可以选择喜欢的theme），里面就包含对datepicker的支持，当然您也可以下载datepicker，包括ui.core.js和ui.datepicker.js。2、在HTML中引用下载下来...
jQuery是一款不可多得的非常优秀的javascript脚本开发库，而基于其上的很多插件也是非常规范和卓越的，如果错过这番美景真是太可惜了，比如datepicker这个插件。 一般MIS系统的前端，尤其是用户注册页面，都会有诸如“出身年月”的日期输入框，最简单的做法就是使用一个标签，这样做的弊端有很多：首先是与数据库字段类型的匹配、其次是输入日期的合法性如“13月”或者闰年等等问题，如果深入下去还有非常多的地方值得推敲。当前比...
前言做过移动Web开发的同学都知道，移动端日期选择是很常见的需求。在PC端，我们有很丰富的选择，比较出名的就有Mobiscroll和jQuery UI Datepicker。个人看来，这些插件存在的两个显而易见的问题，第一是过重的依赖，对于jQuery的插件，已经强制依赖了80多k的庞然大物，把很多移动端项目拒之门外；第二是太过强大的功能，很多插件花百分之八十的时间去完善插件百分之二十炫酷的额外功能，导致代码量变大，配置繁杂。所以一款少依赖...
一、导言有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写("#")，("#")，(".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。 二、普及JQuery知识 知识1：用JQuery写插件时，最核心的方法有如下两个： $.extend(object) 可以理解为JQuery 添加一个静态方法。 $.fn.extend(object) 可以理解为JQuery实例添加一个方法。 基本的定义与调用：/* $.exten...
写了一个Jquery异步分页插件，拿出来分享一下，有不完善之处请指教。 以用户分页为例，先看一下效果，首先是第一页：下一页或者点击第二页后：点击尾页后：效果还可以吧？来看看具体怎么用，首先后台要有一个Page模型： Page.java：public class Page { /** * 当前页号 */ private int currPageNum = 1; /** * 总记录数 */ private int totalRowSize = 0; /** * 每页记录数 */ private int pageRowSize = 10; public int getCurrPa...
扩展JQuery很容易，作为一个练习，编写一个简单的分页插件，代码量不大，直接看代码好了：$.fn.mypagination = function(totalProperty,opts){ opts = $.extend({ perPage:10, callback:function(){ } },opts||{}); return this.each(function(){ function numPages(){ return Math.ceil(totalProperty/opts.perPage); } function selectPage(page){ return function(){ currPage = page; if (page=numPages()) currPage = numPage...
这是一款很实用的jQuery焦点图动画插件，跟其他jQuery焦点图插件不同的是，它带有一个水平的滑杆，你可以通过滑动滑杆实现图片的切换，也可以通过点击图片来切换。这款焦点图是纯jQuery实现的，兼容性和实用性都还可以，而且也比较简单，很容易集成到需要的项目中去。 效果展示如下所示：HTML代码CSS代码.ui-jcoverflip { position: relative; } .ui-jcoverflip--item { position: absolute; display: block; } /* Basic sample CS...
来看下最终效果图吧：是长得丑了一点，不要吐槽我-。- 首先来说说这个日历主要的制作逻辑吧： 一个月份最多有31天，需要一个7X6的表格去装载 如果知道了某个月份1号是星期几，这个月份有多少天，一个循环就可以显示某个月的日历了吧（眼睛都放光了*.*） 加上一些控件让用户可以方便操作吧（比如可以输入年份、月份，可以点击选择年份、月份） 新建一个html文件，html结构：日一二三四五六再加点样式进去，打开浏览器看看效果：thea...
基于jQuery Tipso插件实现消息提示框的特点是可以定义提示框的显示位置，以及动态改变提示框的提示内容，应该说是一款相当灵活的jQuery消息提示框插件，分享给大家供大家参考，具体内容如下在线演示 源码下载 实现的代码：1、默认Tipso2、左边显示Tipso3、背景颜色Tipso4、使用title属性Tipso5、单击显示/隐藏Tipso显示6、更新内容Tipso更新7、在图片上使用8、回调函数Tipso状态：js代码：$(function () {// 1$('#tip1').tipso({us...
道理相通，我简单分享下在.net MVC下的实装。 1.制作Model类using System; using System.Collections.Generic; using System.Linq; using System.Web;namespace RCRS.WebApp.LG.EM.Models {//----------------------------------------------------------------/// /// Import画面用/// //----------------------------------------------------------------public class tmp_UploadFile{/// public HttpPostedFileBase FileName {...
本文实例为大家分享了自己动手实现的jquery放大镜插件，供大家参考，具体内容如下/***************************************************此插件使用须知--------------- ****滤镜（inner）与其活动区(active)之比要等于 ****放大区(movequ)与其内部图片之比。如比值不相 ****等，请改变图片大小.------------------------****参数介绍 ****active:滤镜活动区 ****inner:滤镜 *...
概述：本篇主要讨论jquery.validate结合jquery.form实现对表单的验证和提交方案。 方式一：是通过jquery.validate的submitHandler选项，即当表单通过验证时执行回调函数。在这个回调函数中通过jquery.form来提交表单； 方式二：是通过jquery.form的beforeSubmit，即在提交表单前执行的回调函数，这个函数如果返回true，则提交表单，如果返回false，则终止提交表单。根据jquery.validate插件的valid()方法，就可以通过jquery.form提...
废话不多说了，直接给大家贴代码了，具体代码如下所示：jQuery图片轮播(焦点图)插件jQuery(function($){ $('#demo1').slideBox(); $('#demo2').slideBox({ direction : 'top',//left,top#方向 duration : 0.3,//滚动持续时间，单位：秒 easing : 'linear',//swing,linear//滚动特效 delay : 5,//滚动延迟时间，单位：秒 startIndex : 1//初始焦点顺序 }); $('#demo3').slideBox({ duration : 0.3,//滚动持续时间，单位：秒 easing ...