Web开发网 > 站内搜索 > jquery焦点图
有时候需要把图片局部放大 ，Image Power Zoomer jquery 插件非常简单的解决了这个问题，调用这个js文件后，网页上的所有图片都可以实现在鼠标滑过时进行放大，只需要在图片上添加一个指定的class 即可，更牛的是你可以通过在图片上使用鼠标滚轮来放大和所有图片的局部，效果如下 配置参数说明 defaultpower:2，放大的倍数，默认为2powerrange:[2,7]，鼠标滚动时缩放的区间，默认2倍到7倍大小magnifiersize:[75, 75]，放大区域块大小，默认75x75px 插件使用方法$('img#gallerya').addpowehttp://www.w3dev.cn/download/20120926/jquery-zoom-effect-plugin.aspx
一个居于jquery 框架的图片展示效果，可以显示页码，图片简要描述，图片标题等，效果如下，效果处于切换中。具体效果到环保装饰网查看 使用方法如下，如果未指定dt，则不显示图片描述的内容，其他tl，u，img数据位必要的 //====================类库需要的数据结构 var arrData =[ { tl: '图片标题', u: '图片链接地址', img: '图片地址', dt: ' 图片简要描述'} , { tl: '图片标题', u: '图片链接地址', img:http://www.w3dev.cn/download/20120912/jquery-images-show-plugin.aspx
jQuery 插件 page peel ，只需要几行javascript代码就能轻松实现动态卷页、翻页或卷角flash广告效果。配置参数如下，具体使用方法查看示例中的demovar defaults = { // 卷页、翻页或卷角所在位置 // 由于只制作了顶部右上角和底部左下角的flash效果，所有指定为flash时，只能有2个位置。 // 为图片时，资源文件中只有顶部右上角的大图片和小图片，所以只有一个位置，不过稍微处理下就可以生成4个角的图片了 hPosition: 'right', /http://www.w3dev.cn/download/20120829/javascript-page-peel-jquery-plugin.aspx
一个javascript控制链接打开方式的jquery 插件，可以在链接上显示一个层，指定在新窗口打开还是在当前窗口打开。示例效果查看本站var defaults = {padding: 5,bgColor: '#fff',borderColor: '#333',inline: false,//在链接里面直接显示打开方法overlay: true//是否以层的方式显示打开方式};来源：http://www.smple.com/link-control/http://www.w3dev.cn/download/20120829/javascript-link-control-display-jquery-plugin.aspx
在csdn看到了一个jquery ajax中的timeout问题，地址http://topic.csdn.net/u/20120726/10/0fc851fd-fb54-455c-85db-4b60ffd2e375.html，一个人同时发送了100个ajax请求，timeout设置为5s，只返回了前面几个的ajax请求，后面ajax请求全部超时。 这个超时问题是jquery 的timeout没处理好吗？其实我觉得不是，是浏览器并发请求处理数量有限制，导致后面发送的ajax请求需要等待前面发送的ajax处理完毕后才能继续。 查看jquery 的源代码我们会发现，jquery 处理超时是通过计时器http://www.w3dev.cn/article/20120726/jQuery-ajax-timeout.aspx
is中给网站添加json文件的mime类型，内容为application/json，并且配置jquery easyui datagrid的请求方式方法为GET【默认为POST请求】，要不使用POST方法请求静态文件时，会出现405 Method Not Allowed错误。$('#xxxx').datagrid({ method:'GET'//===========//........其他配置});2）添加json扩展名映射到asp处理程序，这样不需要修改jquery easyui datagrid的请求方法，可以直接POST请求json静态文件，不会出现4http://www.w3dev.cn/article/20120629/jquery-easyui-datagrid-datasource-json-file.aspx
26: /div 通过上面的这段HTML我们可以看到，对应着Model对象两个属性的input元素具有一个data-val属性和一系列以data-val-为前缀的属性，前者表示是否需要对用户输入的值进行验证，后者则代表相应的验证规则。具体来说，去除data-val-前缀后的属性名称对应着采用jQuery 验证时对应的验证规则名称。 一般来说，一个ValidationAttribute对应着一种验证类型和一系列可选的验证参数。比如RequiredAttribute、StringLengthAttribute和RegularExpressionAttribute对应的验证类型分别是requirehttp://www.w3dev.cn/article/20120622/ASP.NET-MVC-client-jQuery-Model-validate.aspx
seCapture(); //释放IE的鼠标捕获 o = null; $.cancelEvent(e); if ($.Drag.Resize) $.Drag.Resize(); //层移动结束后要执行的事件，如果设置了此事件。增加此代码主要是为了针对jquery +flash显示图片实时加载进度插件插件而设置的，设置lightbox大小 } for (var i = 0, j = arguments.length; i j; i++) {//绑定移动层鼠标按下事件 //arguments[i]参数解释：如果参数为数组[http://www.w3dev.cn/article/20120514/jquery-layer-drag-plugin.aspx
ect wrapped JSObject!错误 下面为jquery +flash显示图片实时加载进度插件源代码$.cancelEvent = function (e) {//阻止事件冒泡 if (e.stopPropagation) e.stopPropagation(); else e.cancelBubble = true; if (e.preventDefault) e.preventDefault(); else e.returnValue = false;};(function ($) {//jquery +flash显示图片实时加载进度插件 $.fn.dhttp://www.w3dev.cn/article/20120514/jquery-flash-image-real-time-loading-progress-plugin.aspx
this; }; $.inScreen = function (e) { var et = $(e).offset().top+$(e).height(), st = $(window).scrollTop(), sh = $(window).height(); return et = st et = st + sh; }//判断图片是否在显示的区域内})(jQuery ); 不过有一个问题，实际图片存储在original属性中，不知道会对seo有影响没有，因为google，百度有图片搜索引擎，增加图片的alt也能给网站带来流量，如果进行这种修改后，不知道是否对图片seo有影响。http://www.w3dev.cn/article/20120428/jquery-lazyload.aspx
jquery 插件jplayer下载 支持视频和音频文件的播放API文档参考jplayer使用说明文档APIhttp://www.w3dev.cn/download/20111012/jquery-jplayer-plugin-download.aspx
jquery facebox插件下载jquery facebox API使用帮助Facebox (for jQuery )version: 1.2 (05/05/2008) @requires jQuery v1.2 or later Examples at http://famspam.com/facebox/ Licensed under the MIT: http://www.opensource.org/licenses/mit-license.php Copyright 2007, 2008 Chris Wanstrath [ chris@ozmm.org ] Usage:scripthttp://www.w3dev.cn/download/20111009/jquery-facebox-plugin.aspx
如果jquery easyui的tree插件json数据源没有定义id，而是希望通过text来定位节点，那么无法使用find方法查找节点，此时需要遍历tree控件的节点，对比text属性实行遍历对比定位节点，可以使用getRoots和getChildren进行遍历。方法如下+展开-JavaScriptfunctionTravel(treeID){//参数为树的ID，注意不要添加#varroots=$('#'+treeID).tree('getRoots'),children,i,j;for(i=0;iroots.length;i++){alert(roots[i].text);childrhttp://www.w3dev.cn/article/20110923/jquery-easyUI-tree-travel.aspx
alert('Printing');document.body.removeChild(iframe);} 下面简单说说jPrintArea插件的使用。 首先，引入jquery .js及jquery .jPrintArea.js文件 script type="text/javascript" src="js/jquery .js"/scriptscript type="text/javascript" src="js/jquery .jPrintArea.js"/script 待打印部分html代码为： +展开-HTMLdivid="tabularData"tablecellspacing="http://www.w3dev.cn/article/20110902/jquery-plugin-jPrintArea.aspx
加载的，这样势必会引起速度上质的提升。怎么实现ImageLazyLoad一、使用JQuery 插件 ，插件名: jquery .lazyload（7kb大小），压缩后（3kb大小） 在线压缩js http://closure-compiler.appspot.com/home 虽然是很牛X的特效,不过用JQuery 插件只需要短短几句代码,使用过程如下:1.导入JS插件+展开-HTMLscriptsrc="jquery .js"type="text/javascript"/scriptscriptsrc="jquery .lazyload.js"type="text/javascript"/scrihttp://www.w3dev.cn/article/20110816/jquery-lazyload-image.aspx
jquery-ui.css" rel="stylesheet" type="text/css"/ script src="http://ajax.googleapis.com/ajax/libs/jquery /1.5/jquery .min.js"/script script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery -ui.min.js"/script script $(document).ready(function() { $("#datepicker").datepicker(); });http://www.w3dev.cn/article/20110805/jqeury-ui-datepicker-api-document.aspx
最新的jquery UI 1.8.14下载，包含诸如datepicker，according等UI插件http://www.w3dev.cn/download/20110805/latest-jquery-ui-download.aspx
Jquery1.2.6的文档,以及jquery ui的相关文档,中英文。CHM格式http://www.w3dev.cn/download/20110805/jquery-ui-api-document-chm.aspx
jquery 打造的渐变按钮效果，修改了原连接中的样式和支持的对象【原来只支持ａ标签】，增加了button标签，修正为button时出现的移位。来源：http://www.cnblogs.com/wiky/articles/gradual-change-button.htmlhttp://www.w3dev.cn/download/20110720/jquery-gradual-change-button.aspx
jquery .easyui插件中的form表单插件存在一个bug，就是如果load 数据的时候，没有区分input是否为text或者radio，checkbox，直接一句+展开-JavaScript$("input[name="+name+"]",form).val(val); 这句就要老命了，会将radio，checkbox的值全部设置为加载的数据中键名称对应的值了，这样就无法修改radio，checkbox的值了。 下面只需要将jquery .easyui.min.js文件中的这句+展开-JavaScript$("input[name="+name+"]",form).val(valhttp://www.w3dev.cn/article/20110719/jquery-easyUI-form-plugin-bug.aspx
jquery 插件tipsWindown，弹出窗口插件+lightbox插件修改了js文件，增加公共的关闭方法，插件里面的关闭方法是私有的。tipsWindown.close = function () {//在tipswindown.js这个文件里面的最后增加上面的代码即可，以后就可以tipsWindown.close()关闭 $("#windownbg").remove(); $("#windown-box").fadeOut("slow", function () { $(this).remove(); });}来源：leotheme.cnhttp://www.w3dev.cn/download/20110719/jquery-plugin-tipsWindown.aspx
jquery easyui 1.2.1 示例代码下载。目前最新的jquery easyui下载相关下载最新jquery easyui1.2.1 API CHM格式下载 jquery easyui 1.1.2 下载jquery easyui使用说明文档JQuery easyui API文档 chm下载 http://www.w3dev.cn/download/20110718/jquery-easyui-1-2-1.aspx
最新jquery easyui1.2.1 API CHM格式下载相关下载最新jquery easyui1.2.1下载 jquery easyui 1.1.2 下载jquery easyui使用说明文档JQuery easyui API文档 chm下载 http://www.w3dev.cn/download/20110718/jquery-easyui-1-2-1-API-download.aspx
jquery 插件FlexBox源文件和API下载，数据源使用的是asp.net，配置项目如下，具体使用参考API.html$.fn.flexbox.defaults = { method: 'GET', // One of 'GET' or 'POST' queryDelay: 100, // num of milliseconds before query is run. allowInput: true, // set to false to disallow the user from typing in queries contahttp://www.w3dev.cn/download/20110714/jquery-plugin-flexbox-api.aspx
jquery 图片插件，jquery 图片局部放大浏览插件。使用方法请查看示例。效果如下jqury类库去这里下载，里面未包含jquery 类库jquery -1.4.2.min.js下载http://www.w3dev.cn/download/20110711/jquery-plugin-circular-image-zoom.aspx
jquery 插件imagegallery，带小图片预览，自动滚动小图片居中。点击大图的时候，自动显示lightbox效果浏览图片，效果图如下http://www.w3dev.cn/download/20110623/jquery-plugin-imagegallery.aspx
http://www.w3dev.cn/article/20110408/IE-jquery-request-local-xml-file-callback.aspx
JQuery 实现的模块交换动画效果源代码http://www.w3dev.cn/download/20110322/jquery-block-move-effect.aspx
一个不错的jquery 图片浏览插件，插件来源：http://fancybox.net，具体使用方法请查看示例代码。效果如下http://www.w3dev.cn/download/20110318/jquery-plugin-fancybox-photo-gallery.aspx
http://www.w3dev.cn/download/20110301/jQuery-plugin-visuallightbox.aspx
首页 上一页 [1] [2] [3] [4] [5] [6] 下一页 尾页 4/6页，每页显示30条，共151条相关记录
