Web开发网 > 站内搜索 > jquery焦点图
jquery 焦点 图 展示,效果如下源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlheadstyle.mt_right{ height: 280px; width: 634px; float: left;}.mtr_left{ height: 280px; width: 116px; margin-right: 5px; float: left; http://www.w3dev.cn/download/20130409/jquery-focus-images.aspx
jquery 切换焦点 图 ,可以配置显示样式,是否显示简介等功能,具体看示例中的js代码注释,效果如下,带简介和未带简介的不带简介增加简介显示 源代码如下script type=text/javascript src=/js/jquery .js/scriptscript type=text/javascript $.Imgs = function (cfg) { //默认配置 var defaultConfig = { imgWidth: 275, //图片宽 imgHeight: 215, //图片高 http://www.w3dev.cn/download/20130409/jquery-focus-images-I.aspx
me:自动滚动间隔,毫秒为单为,默认值3000 defindex:第一次显示焦点 图 的索引号,默认0 smallbtn:一个(元素)数组:[btn1,btn2,btn3],用来切换不同的页 cls:(string或function),如果是string,鼠标经过smallbtn中按钮时,会将该字符串做为样式名附加在(鼠标经过的)按钮上.如果是一个function,鼠标经过smallbtn中按钮时,会触发该函数.并且传入两个整型参数(lstIndex,curIndex),提供外围扩展. start:一个事件,当开始切换焦点 时触发.有两个参数(lstIndex,curIndex) stop:一个事件http://www.w3dev.cn/download/20120913/taobao-paipai-image-gallery.aspx
ts/jquery .easyAccordion.js/script script type=text/javascript src=scripts/utility.js/script jquery .easyAccordion.js也做了IE部分判断修改//fixed IE8-,第一部分if (jQuery .browser.msie jQuery .browser.version 9) { dtWidth = $(this).find('dt').outerWidth(); }//第二部分if (jQuery .browser.safari || (jQuery .brhttp://www.w3dev.cn/download/20141112/jQuery-Easy-Accordion-plugin.aspx
t为gb2312br /asp/asp.net,其他语言自己找下资料br /response.charset=gb2312br /Response.Charset=gb2312;/h1script type=text/javascript src=../../js/jquery .js/scriptscript src=jquery .infinitescroll.dev.js/scriptscript $(function () { $('#content').infinitescroll({ loading: { http://www.w3dev.cn/download/20130531/jquery.infinitescroll-config-demo.aspx
jMP3是一个采用jQuery 开发的JavaScript MP3插放器,提供一种可以在页面上直接播放MP3的简便方式,效果如下源代码和API中文配置如下,修复了一个大小写不区分的bug/**** jMP3 v0.2.1 - 10.10.2006 (w/Eolas fix jQuery object replacement)* an MP3 Player jQuery Plugin (http://www.sean-o.com/jquery /jmp3)* by Sean O** An easy way make any MP3 playable directly on most any http://www.w3dev.cn/download/20130409/mp3-player-jquery-plugin.aspx
truefalsesetHandCursortruetruefalsesetCSSEffectstruetruefalse*为必填项 多拷贝示例源代码htmlhead titlejquery.zclip.js jquery 剪贴板插件/title/headscript src=/js/jquery .js/scriptscript src=/demo/zclip/jquery .zclip.min.js/scriptscript $(function () { $('a[rel]').zclip({path:'/demo/zclip/ZeroClihttp://www.w3dev.cn/download/20130409/jquery.zclip.js.aspx
ript src=/js/jquery .js/scriptscript type=text/javascript window.onload = function () { (function ($) { //imgWidth:图片宽,默认160px //imgHeight:图片高,默认160px //count:显示多少张,默认5 $.fn.gallery = function (config) { config = jQuery .extend({ imghttp://www.w3dev.cn/download/20130403/image-scroll-change-position-jquery-plugin.aspx
or the jQuery -wrapped form element if using jQuery 1.4)4.) jQuery -wrapped form element (or undefined if using jQuery 1.4)Default value: nulltargetIdentifies the element(s) in the page to be updated with the server response. This value may be specified as a jQuery selection string, a jQuery objecthttp://www.w3dev.cn/download/20130322/jquery.form.js-3.28-latest.aspx
f true, content from the current document can be displayed by passing the href property a jQuery selector, or jQuery object.// Using a selector:$(#inline).colorbox({inline:true, href:#myForm});// Using a jQuery object:var $form = $(#myForm);$(#inline).colorbox({inline:true, href:$form});htmlfalseForhttp://www.w3dev.cn/download/20121230/jquery-colorbox-download.aspx
jquery zTree3.5最新版本中文API下载 如果你使用的是 Chrome 浏览器,那么请把 API 文档发布到 web 服务目录下访问。(Chrome 浏览器不支持本地 ajax 访问, 即:file://)http://www.w3dev.cn/download/20121213/jquery-zTree3.5-chinese-API-download.aspx
一个类似淘宝京东产品图片预览局部放大效果jQuery 插件,效果如下图jqZoom图片局部放大代码使用说明1. 首先引用jqzoom的jquery .jqzoom-core.js、jquery .js和jquery .jqzoom.css这三个文件。2. 主体的HTML代码只需要在使用jqZoom局部放大效果的img的父A链接标记上使用class=jqzoom就可以了。然后下面的几个更小的商品缩略图是可选的。3. 在页尾的/head后面还需要添加一段初始化javascript代码。可以在Demo页面源码的head部分后部看到。jqZoom保证了Html页面最少的代码量就很容易地实现了将鼠标放到产品http://www.w3dev.cn/download/20121112/taobao-jingdong-image-Partial-zoom-jquery-plugin.aspx
最新版本的jquery -easyui-1.3.1下载,新增grid插件的subGrid【detailview】功能,可以预览数据行的详细信息,效果如下 示例可以查看demo中的datagrid_detailview.html,detailview在高版本的jquery ,如jquery -1.8.0.min.js框架下会出现增加行的时候无法添加行的bug,换为低版本的jquery ,如jquery -1.4.2.js就没问题了。具体参考:jquery -easyui-1.3.1向配置了detailview的datagrid无法添加数据行行。 压缩包中没有jquery -1.4.2.js文件,可以去这里http://www.w3dev.cn/download/20121112/latest-jquery-easyui-1.3.1-download.aspx
jquery -easyui-1.3.1 chm格式 API文档下载,最新jquery -easyui-1.3.1下载http://www.w3dev.cn/download/20121112/jquery-easyui-1.3.1-chm-API-download.aspx
jquery lightbox插件下载,来源:http://leandrovieira.com/projects/jquery /lightbox/使用方法script type=text/javascript src=js/jquery .js/scriptscript type=text/javascript src=js/jquery .lightbox-0.4.js/scriptInclude the CSS file responsible to style the jQuery lightBox plugin.link rel=stylesheet type=text/css href=http://www.w3dev.cn/download/20121101/latest-jquery-lightbox-plugin-download.aspx
有时候需要把图片局部放大 ,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
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 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 打造的渐变按钮效果,修改了原连接中的样式和支持的对象【原来只支持a标签】,增加了button标签,修正为button时出现的移位。来源:http://www.cnblogs.com/wiky/articles/gradual-change-button.htmlhttp://www.w3dev.cn/download/20110720/jquery-gradual-change-button.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
首页 上一页 [1] [2] 下一页 尾页 1/2页,每页显示30条,共45条相关记录