随笔分类 -  JQuery

摘要:/** * 功能说明:jPager 分页插件 * 参数说明:pages:[] 分页的控件个数 @id:显示分页的div ID,@showSelectPage: 是否显示当前分页的条目过滤下拉框 * @currentpage 当前第几页 * @pagesize type:number ... 阅读全文
posted @ 2015-06-25 09:52 序猿·徐 阅读(1074) 评论(0) 推荐(0)
摘要:Javascript 代码:(function ($) { 'use strict'; window.alert = $.alert = function (msg) { var defaultOpts = { bodyClass: 'body-cov... 阅读全文
posted @ 2015-05-11 14:04 序猿·徐 阅读(668) 评论(0) 推荐(0)
摘要:(function ($) { $.fn.select3 = function (option) { $(this).each(function () { var _this = $(this); var isInit = _this.... 阅读全文
posted @ 2015-01-04 15:39 序猿·徐 阅读(322) 评论(0) 推荐(0)
摘要:(function ($){ 'use strict'; var g_id = 0; var g_open_id = []; $.fn.select3 = function () { var _id = g_id++; var _isShow = ... 阅读全文
posted @ 2014-11-06 19:19 序猿·徐 阅读(301) 评论(0) 推荐(0)
摘要:/** * 功能说明:jPager 分页插件 * 参数说明:pages:[] 分页的控件个数 @id:显示分页的div ID,@showSelectPage: 是否显示当前分页的条目过滤下拉框 * @currentpage 当前第几页 * @pagesize type:number ... 阅读全文
posted @ 2014-11-06 19:14 序猿·徐 阅读(279) 评论(0) 推荐(0)
摘要:说明:使用Jquery切换图片!实际上是当每次点击span的时候,将span的html作为第 几个 image 的下标来实现图片的切换效果。准备:需要切换的图片本事例原理:页面放置一张图片,当点击span的时候,替换图片的下标,详细的请看本事例Jquery部分。代码: 效果:  1、    2、 阅读全文
posted @ 2011-01-13 19:24 序猿·徐 阅读(2070) 评论(0) 推荐(0)
摘要:说明: 此事例实现的效果是:Jquery 切换 flash ,好比切换图片效果一样! 外加 获取span传值。分析: flahs跟一般标签不同,本来是想着获取它的 src 然后给src 赋值,但是一直获取不到(新手,能力有限)。 后来想到给div追加项的方式,实现了切换效果,在这里分享一下。备注: 1、你可以新建一个空网站,然后新建一个flash文件夹,放置4张图片,用来显示上一页,下一页切换 效果。2、放置需要的flash。代码: 效果预览:  1、    2、    3、    4、  目前先提供一半的Demo下载地址:[JqueryDemo] 阅读全文
posted @ 2011-01-12 10:38 序猿·徐 阅读(1823) 评论(0) 推荐(0)
摘要:使用Jquery实现层的切换效果。前台代码:效果预览: 阅读全文
posted @ 2011-01-11 13:00 序猿·徐 阅读(267) 评论(0) 推荐(0)
摘要:基本动画:http://www.cnblogs.com/307914070/archive/2011/01/07/1929643.html接下来做一个 淡入淡出 的效果:要使用到的Jquery函数有:fadeTo ,fadeIn,fadeOut 这三个函数,其中还需对图片实现半透明效果。所使用到的是CSS的相关知识:alpha。页面代码:页面加载效果:鼠标移动效果1:鼠标移动效果2: 阅读全文
posted @ 2011-01-07 17:33 序猿·徐 阅读(396) 评论(0) 推荐(0)
摘要:最近正在学习Jquery,跟着教程自己写了个动画效果,最基本的,都不要见笑哟(o(∩_∩)o 哈哈)。首先,我们准备几张素材图片用来显示。接着添加个按钮来实现图片的还原效果。事例代码:效果预览:2、3、真像教程里面所说的,有了Jquery,天天喝茶水。 阅读全文
posted @ 2011-01-07 13:21 序猿·徐 阅读(562) 评论(2) 推荐(0)