Jquery

jQuery实战(四) - tab菜单

很多天前就已经看完jQuery实战第四讲了,不过一直没有时间做笔记,呵呵,趁着今天有点空,上来记录记录...这一讲的内容是制作tab菜单,所谓的tab菜单,也就是类似于OFFICE2007的界面菜单那样子的,当然,用在网页上面的话我们只是需要鼠标滑过就显示相应的内容而不必点击了,效果图如下:在这节课里讲到了二个tab菜单的制作,第一个没有用到AJAX,每个菜单对应的内容都是事先已经在网页里的,只是把他们隐藏了而已,而第二个就用到了AJAX实时的提取内容数据

系统 2019-08-29 23:40:49 1872

Jquery

基于jquery的查询自动补全插件(修改版)

此插件是自己在网上搜索的一款较好的查询自动补全插件,结合项目的需要,并参考了百度的自动补全机制,对原版作了一定的修改.新增特性:未补全的以黑色字体修饰改变部分样式,使选中项产生动态效果输入框值动态跟踪事件调用简单,默认值取得好的话,主要赋值请求url就OK了基于jquery的查询自动补全插件(修改版)

系统 2019-08-29 22:48:26 1872

Jquery

自定义滚动条样式(Jquery的运用)

效果图演示地址用法程序代码$(document).ready(function(){$('div').setScroll({img:'Scroll_bk.gif',width:10},//background-imageandwidth{img:'Scroll_arrow_up.gif',height:5},//up{im

系统 2019-08-29 22:40:32 1872

Jquery

JQuery datepicker 用法

JQuerydatepicker用法jQueryUI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。官方地址:http://docs.jquery.com/UI/Datepicker,官方示例:http://jqueryui.com/demos/datepicker/。一个不错的地址,用来DIYjQueryUI界面效果的站点http://jque

系统 2019-08-29 22:12:17 1872

Jquery

21个最佳jQuery插件推荐

在Javascript应用领域上,使用jQuery可以制作出非常优秀的动画效果,滑块、滑球,以及各种不同的应用。精选出21个最佳的精典案例,如果你是一个前端设计师,一定不要错过。Supersized3.0PluginRoundedImageCornerjQueryPluginApple-likeRetinaEffectRotate3DiPpgalleryPanningSlideshowjQuerySlideShowPluginHoverZoomjQuery

系统 2019-08-29 22:09:36 1872

Jquery

制作符合WEB标准的QQ弹出消息(jQuery)

这里所说的弹出消息指的是在网页右下角升起又下去的那种框框,在这里用到了jQuery的自定义动画,感觉这个自定义动画就是像flash里的形状和渐变动画一样,只要定义了开头和结尾的两个关键帧,中间的动画过程会自动完成,不用会jQuery的可去查下jQuery的帮助文档.基本思路是这样子滴:首先弹出消息框其实就是一个div层,页面加载完了以后我们应该通过CSS把div层定位到页面右下角的下方,并且把他隐藏起来,然后当我们点击页面中的按钮的时候就触发动画函数,di

系统 2019-08-29 23:40:54 1871

Jquery

锋利的jQuery实例-图片滚动

效果看图:点击按钮后的动画思路倒很容易弄懂,主要就是开始的时候CSS的设置,如果想到程序动态生成的话,那必须得先图片列表的长度。。。这里只列出JS的代码:$(function(){varpage=1;//初始为第一版vari=4;//每版显示4个li//下一版$("span.next").click(function(){var$parent=$(this).parents("div.v_show");//根据当前单击的元素获取父元素var$v_show=

系统 2019-08-29 23:40:35 1871

Jquery

使用jquery.form异步提交注意jquery.validate需

使用jquery.form.js异步提时,即使jquery.validate验证失败也会提交的所以加个$("form").valid()来判断是否通过验证;$("#form1").submit(function(){if($("form").valid()){$(this).ajaxSubmit(function(data){if(data=="ok"){$("#errorTip").text("修改成功");}else{$("#errorTip").te

系统 2019-08-12 01:33:38 1871

Jquery

jquery中筛选表格的特定行数后进行操作

项目中有个地方,一个页面显示两种商品,显示商品参数的时候有可以两种商品的参数数目不一致,这就导致了一边长一边短的,现在要做成如下图所示的:一开始的时候先隐藏一部分参数,点击按钮后显示余下的参数,自己想了一下,基本思路是:页面进入时跟以前一样把商品参数全都取出来,然后利用jquery选择表格,把表格中行数>3的进行隐藏,点击按钮后再把表格中隐藏的行显示出来。显示隐藏行都好做,主要就是筛选表格的某行以前没做过,自己实验了一下,得如下jquery代码:$("ta

系统 2019-08-29 23:40:48 1866