jQuery代码实现表格内容可编辑修改
发布时间:2013/12/26 9:17:35 阅读(8226)条评论(0)条
1、效果及功能说明表格特效制作jquery表格可编辑任意修改里面的数值,是一种比较人性化的用户设计体验方式!暂时没有限止输入的内容。效果比较好,与AJAX相结可合实现实时修改内容的目的。2、实现原理通过点击事件来触发跳出一个输入框可以在里面输入当这个输入框失去焦点后就把,所有值放到当前的input里面。主要的方法:if(!$(this).is('.input')) //当点击了input后 $(this).find("div").eq(0).addClass('input').html('<input type="text" value="'+ $(this).te...
未完,继续阅读→关键字:
jq 表格 数据 PoshyTip jQuery 文本提示插件的使用
发布时间:2013/12/13 14:09:04 阅读(8432)条评论(0)条
PoshyTip 是JQuery中一款文本提示插件,在html页面使用相当方便,插件内包含了很多外观样式(包括自定义内容及样式),可以作为FormTooltips使用。插件包下载地址:http://vadikom.com/files/?file=poshytip/poshytip-1.2.zipPoshyTip Demo地址:http://vadikom.com/demos/poshytip/下载好插件包后,解压可看到目录中有自定义样式,我们把这些样式引入页面中就可以使用了,如图第一步:将整个文件夹引入到你的js文件夹内(个人觉得不需要这么多,你需要哪个样式就引入哪个,但是有两个主文件必须引入,下一步再说);第二步:在html页面引...
未完,继续阅读→关键字:
jq tip 提示 基于jquery扩展漂亮的CheckBox
发布时间:2013/11/19 9:46:49 阅读(6251)条评论(0)条
大家都知道默认的html复选框控件样式可定义相当有限,无法满足大多用户的美观度。今天跟大家一起分享前一段时间自己编写的CheckBox控件。喜欢的朋友可以拿去使用,有什么好的建议希望你给我留言。废话不多说,切入正题。效果如下图所示: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...
未完,继续阅读→关键字:
jq checkbox 支持触摸划动的jQuery响应轮播插件
发布时间:2013/10/16 10:11:55 阅读(13584)条评论(0)条
超赞的插件,Owl Carousel 是一个 jQuery 插件,您可以创建美丽响应轮播滑块。使我们能够迅速地创建图片切切换的效果,并且支持手机触摸划动。这个插件是能更好的解决电脑与手机图片轮播的一致性,在电脑上也能直接按住拉动切换。几乎能与任何的 HTML 内容兼容使用。另外,强大的选项设置支持分页/滑动速度,启用/禁用自动播放,显示子弹导航等等。赶快来试用一下吧。DEMO插件下载 效果演示
未完,继续阅读→关键字:
jq 触屏 手机 插件 23个功能强大的jQuery/CSS3图片特效插件
发布时间:2013/10/11 11:43:02 阅读(6449)条评论(0)条
以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。1、jQuery图片下滑切换播放效果这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气,非常不错。 在线演示 / 素材下载2、jQuery带闹钟功能的数字时钟这是一款基于jQuery的数字时钟,这款时钟的特点是带有闹钟功能,你可以为时钟设置多少时间后开启闹铃,很实用吧。在线演示 / 素材下载 3、jQuery平面时钟这款jQuery时间插件非...
未完,继续阅读→关键字:
jq css3 特效 了解了这些才能开始发挥jQuery的威力
发布时间:2013/10/9 13:57:47 阅读(6015)条评论(0)条
由于当前jQuery如此的如雷贯耳,相信不用介绍什么是jQuery了,公司代码中广 泛应用了jQuery,但我在看一些小朋友的代码时发现一个问题,小朋友们使用的仅仅是jQuery的皮毛,只是使用id选择器与attr方法,还有几个 动画,如果只是如此,相比于其带来的开销,其实还不如不使用,下面介绍几个jQuery常用的方法,来让jQuery的威力发挥出来,否则只用有限的几个 方法,相对于运行速度问题,真不如不用jQuery。jQuery如此之好用,和其在获取对象时使用与CSS选择器兼容的语法有很大关系,毕竟CSS选择器大家都很熟悉,但其强大在兼容了CSS3的选择...
未完,继续阅读→关键字:
jq 选择器 不定义JQuery插件,不要说会JQuery
发布时间:2013/10/9 9:24:56 阅读(5865)条评论(0)条
一:导言 有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写$("#"),$("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。二:普及JQuery知识知识1:用JQuery写插件时,最核心的方法有如下两个:$.extend(object) 可以理解为JQuery 添加一个静态方法。$.fn.extend(object) 可以理解为JQuery实例添加一个方法。基本的定义与调用:/* $.extend 定义与调用* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ...
未完,继续阅读→关键字:
Jquery 插件 jquery文本框默认文字点击消失的效果
发布时间:2013/7/24 9:22:33 阅读(15297)条评论(0)条
今天介绍的是一款挺实用的jQuery特效,应用于表单上十分人性化,jquery文本框默认文字点击消失的效果,当用户点击表单的时候,显示在文本框内的提示文字即刻消失,不点击的时候重新出现,目前这种功能应用也十分广泛。附代码(底部)。效果一:聚焦时提示语消失效果二:输入时提示语消失代码如下:<!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>...
未完,继续阅读→关键字:
jq 文本 特效 网站如何做到完全不需要jQuery
发布时间:2013/6/26 15:54:39 阅读(6293)条评论(0)条
jQuery是现在最流行的JavaScript工具库。据统计,目前全世界57.3%的网站使用它。也就是说,10个网站里面,有6个使用jQuery。如果只考察使用工具库的网站,这个比例就会上升到惊人的91.7%。 虽然jQuery如此受欢迎,但是它臃肿的体积也让人头痛不已。jQuery 2.0的原始大小为235KB,优化后为81KB;如果是支持IE6、7、8的jQuery 1.8.3,原始大小为261KB,优化后为91KB。这样的体积,即使是宽带环境,完全加载也需要1秒或更长,更不要说移动设备了。这意味着,如果你使用了jQuery,用户至少延迟1秒,才能看到网 页效果。考虑到本质上,jQuery只是...
未完,继续阅读→关键字:
jquery 网站 jquery操作select实例
发布时间:2013/4/25 11:55:21 阅读(6595)条评论(0)条
jq需要操作select一系列内容,如添加select change事件,获取select的Text,获取Select选择的Value ,获取Select选择的索引值,获取Select最大的索引值等等。jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); ...
未完,继续阅读→关键字:
jq select 操作 2012年120个令人印象深刻jQuery的特效收藏
发布时间:2013/1/5 19:55:33 阅读(13914)条评论(0)条
这篇文章是最大的和最新的jQuery效果的集合。我很确定,这可以节省您的时间,找到合适的解决方案为您的jQuery项目。几年前,Flash是由许多网页设计师使用的技术,但现在它转jQuery来添加动画,交互性,灯箱,图片库,标签效果,翻转,放大照片中的效果,平移,滑块的影响和许多的网站。jQuery是一个最流行的JavaScript框架,功能强大的工具,提高用户的互动,并帮助开发人员编写代码,并更快速地开发产品。jQuery的困难的问题,如浏览器支持,使用jQuery时,可以用很短的编码。在今天的文章中,我们发表了120令人印象深刻的收藏从2012年开始为你...
未完,继续阅读→关键字:
jq 特效 收藏 jQuery的页面功能向导插件-Pageguide.js
发布时间:2012/11/14 17:31:46 阅读(8918)条评论(0)条
大家可能都有过这样的开发经验,用户无法真正的了解如何使用一个设计非常讲究并且功能非常炫酷的网站,这样的情况的确非常让人沮丧,即使是微软开发的office,也有同样的问题,现在的office使用就是一个迷宫游戏,永远无法第一眼找到自己需要的功能。(文章结尾附下载地址)为了解决这样的问题,一个非常好的方案就是形象化的将功能区域有效的展示给用户,并且添加适当的功能说明。不过这样的功能自己开发起来可能相对比较麻烦,有没有更好的方式呢?今天这里我们介绍一个不错的jQuery插件 - Pageguide.js,使用这个插件可以有效的帮...
未完,继续阅读→关键字:
jquery 向导 插件