jRumble，它能让网页上的任意元素抖动起来，在你的网站中使用这个效果会有很大的机率吸引用户的注意力。此插件的效果可以用在链接上，或者div上，你可以设置抖动的范围、XY坐标、抖动幅度等。可设置为当鼠标移动上去抖动或者默认一直抖动，插件可定制性还是蛮高的。PS:此插件在IE中还存在一些小问题 jQuery jRumble是使用方法 <script type="text/javascript" src="js/jquery-jrumble.js"></script> <script type="text/javascript...
先推荐一个基于bootstrap的jQuery validation插件：http://thrilleratplay.github.io/jquery-validation-bootstrap-tooltip/ jQuery validation添加验证规则 validata.html <!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.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312...
本文实例讲述了jQuery插件制作之全局函数用法。分享给大家供大家参考。具体分析如下： 1、添加新的全局函数 所谓的全局函数，实际上就是jQuery对象的方法，但从实践的角度上看，他们是位于jQuery命名空间内部的函数 (1)添加一个函数，只需要将新函数指定为jQuery对象的一个属性。 jQuery.five =function(){ alert("直接继承方式不一样"); }调用： 代码如下:$.five(); (2)添加多个函数 jQuery.five =function(){ alert("直接继承方...
本文实例讲述了jQuery插件制作之参数用法。分享给大家供大家参考。具体分析如下： 1、无参数实现文字阴影效果 jQuery.fn.shadow =function(){ return this.each(function(){ var $originalElement = jQuery(this); for(var i = 0;i < 5;i++){ $originalElement.clone() .css({ position :"absolute", left :$originalElement.offset().left + i, top :$originalElement.offset().top + i, margin : 0, zIndex : -1, opacity : 0.1 ...
分享一款基于jQuery图片弹出翻转特效代码。这是一款基于jQuery+HTML5实现的，里面包含六款不同效果的鼠标点击图片弹出特效下载。效果图如下：引入CSS和JS<link href="css/expander.css" rel="stylesheet"> <link href="css/theme.css" rel="stylesheet"> <script src="js/jquery-latest.min.js" type="text/javascript"></script> <script src="js/expander.min.js"></script> expander.min.js代码代码如下: !function(){function ...
在服务器端做文件上传的过程中，如果使用web服务器短端的上传控件去上传文件的话，会导致页面刷新一次，这样对用户的体验就不是很友好了。ajaxfileupload.js是一款jQuery的异步上传文件插件，使用简单且容易上手。 前置条件：ajaxfileupload.js文件，百度下载一个就行。 JS引用：代码如下: <script src="/Content/JQueryJS/jquery-2.1.1.js"></script> <script src="/Content/Js/ajaxfileupload.js"></script>html代码：代码如下: ...
本文总结了帮助你创建更好jQuery插件的10条建议。分享给大家供大家参考。具体说明如下： 在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构，只要专注最主要的逻辑代码就行了。使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂。我在这里分享10条我总结的经验。...
feature.presenter.1.5.cssbody {margin: 0;font-family: Tahoma; }.feature-presenter {position: absolute; }.feature-presenter-icon {background-color: white;text-align: center;transition: transform 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95);border-radius: 50%;cursor: pointer; }.feature-presenter img {max-width: 100%;trans...
参数说明： btnPrev string 上一个按钮的class名, 比如 btnPrev: ".prev" btnNext string 下一个按钮的class名, 比如 btnPrev: ".prev" btnGo array 自定义滚动位置,类似幻灯片效果置,有选项卡,按照数组顺序,依次为按钮1按钮2按钮N,如以下,class名为1的按钮是第一个按钮：[".1", ".2"] mouseWheel bool 鼠标滑是否可以轮控制上下滚动,可选：false,true,默认false auto int 指定多少秒内容定期自动滚...
一个帮助你创建签名的jQuery插件，允许你的用户使用鼠标，手指或者铅笔生成签名。HTML<div id="signature"></div> jQuery调用jSignature非常简单：$(function() { $("#signature").jSignature() })以上所述就是本文的全部内容了，希望大家能够喜欢。
jPaginate是基于jQuery的动感滚动分页插件，它的表现形式是像分页的按钮一样，非常有意思的是这些按钮却可以滚动，可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。PHP读取第一页数据：<div id="pagetxt"> <?php $query = mysql_query("select id,title,addtime from article order by id desc limit 0, 6"); while ($row = mysql_fetch_array($query)) { $pubdate = date("Y-m-d", $row[addtime]); echo <p><span> . ...
本文实例讲述了jQuery插件kinMaxShow扩展效果用法。分享给大家供大家参考。具体分析如下： 支付宝首页的焦点图就是用的kinMaxShow 扩展效果(前段时间支付宝使用的，不知道现在还是不是这种，另外支付宝的这个焦点图动画效果是分浏览器的，IE8及以下浏览器无动画纯静态，只是在谷歌、火狐等现代浏览器才会出现动画。) 这只是kinMaxShow扩展的一个小例子，更多效果你可以自己发挥。 代码如下： javascript 代码： <script src="js/jq...
在一些产品报价网站上，需要给出一系列价格范围供用户筛选，我们在筛选的范围之外再加一个自定义价格范围，这样为用户多提供了一种选择方式。本文将使用jQuery插件结合CSS实现使用滑块滑动的方式选择价格范围，请看本文讲解。jQuery ui 有个slider插件，就是一个非常好使的拖动滑块插件。要想实现滑块拖动，需要在页面head间先载入如下js。<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javas...
WEB开发中，要让用户复制页面中的一段代码、URL地址等信息，为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错，我们可以直接在页面中放置一个复制按钮，只需要轻轻一点这个复制按钮，内容将会被复制，然后用户可以粘贴到想粘贴的地方。HTML首先需要在页面中载入jquery库和zclip插件，这两个文件已经打好包，欢迎点击下载。<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" s...
厌烦了IE浏览器的警告窗，伴随着“咚”恐惧的一声，让人感觉好像有一种坏事情即将来临。而如今各浏览器对网页的弹出警告框(alert)、确认对话框(confirm)、输入框(prompt)显示效果不一，本文借助hiAlert插件来为您统一网页的对话框风格。 hiAlert插件是根据 jquery.alerts 改进得来，包括了常用的几种提示框，还提供了渐变提示条效果，弹出网页层效果，它目前兼容各主流浏览器。 使用方法 hiAlert提供了五种方法可以使用： 1、hiAle...