最新文章列表

jQuery 侧栏与工具提示-20130726

1、效果及功能说明 当鼠标触及到标题就会触发一个侧显示框来告诉基础信息 2、实现原理 主要是靠伪类来触发效果,当提示框从左边出来,让后显示出上面的信息,获得一个定义好的类来修改上面的字体等信息,当鼠标离开后自动回去,并且删除类,当鼠标触及到时多有动画停止,确保了不会有重复的出现 主要的方法 $(this).find("div").stop().animate( ...
xjwolaile 评论(0) 有899人浏览 2013-07-26 23:50

jQuery 分类搜索框带过滤器的搜索框-20130723

1、效果及功能说明 搜索框特效,制作一个jQuery分类搜索框,当鼠标点击搜索框时,会滑动展示分类菜单,点击选择/过滤分类菜单进行分类搜索 2、实现原理 先是在输入框内当点击到input后在添加一个点击事件,展开选择框里面的多少可以打勾的buttom都定义一个事件,当打过勾就可以会的当前的值,在进行筛选,当鼠标离开展开框后,展开框的展开类被删除,展开框消失,和在input里面的箭头回复原状 ...
xjwolaile 评论(0) 有2553人浏览 2013-07-23 23:26

jQuery 表格可编辑修改表格里面的数值-20130721

1、效果及功能说明 表格特效制作jquery表格可编辑任意修改里面的数值,是一种比较人性化的用户设计体验方式 2、实现原理 通过点击事件来触发跳出一个输入框可以在里面输入当这个输入框失去焦点后就把,所有值放到当前的input里面。 主要的方法 if(!$(this).is('.input')) //当点击了input后 $(this).addClass('input'). ...
xjwolaile 评论(2) 有1859人浏览 2013-07-22 00:43

jQuery 表单提交衣服尺寸选择勾选获取value值-20130720

1、效果及功能说明 表单提交制作各大商城衣服尺寸选择勾选效果,点击购物车提交勾选尺寸value值。一款简单实用的衣服尺寸选择勾选效果 2、实现原理 通过查询当前的图片的id然后通过对应id找到在通过遍历后面说有尺码,找到相对应的尺码通过点击时间来触发,和当点击了以后添加一个类让点击以后出现在尺码的图标和其他的图标有明显的不一样让用户更好的知道自己选择了什么,在点击购物车的时候将有添加类的图 ...
xjwolaile 评论(0) 有2435人浏览 2013-07-20 23:28

jQuery animate或css3制作查看原图按钮收缩隐藏-20130718

1、效果及功能说明 制作两种查看原图按钮收缩展开,隐藏关闭 2、实现原理 定义好伪类让后让伪类来控制显示原图片的标志出现和隐藏,通过css来定义图标出现的位置和多少时间内完成动画的效果,在分别定义鼠标在图片的左右变成左右箭头的鼠标告诉用户往那边滚动 主要的方法 $("#pin-jsbox").mouseenter(function(){ //控制容器里面的按 ...
xjwolaile 评论(0) 有1523人浏览 2013-07-18 23:37

Jquery简单入门到精通细节 - (十六)Jquery HTML之“获取并设置 CSS 类”

jQuery - 获取并设置 CSS 类 通过 jQuery,可以很容易地对 CSS 元素进行操作。   jQuery 操作 CSS jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的 ...
Josh_Persistence 评论(0) 有1155人浏览 2013-07-14 23:53

jQuery checkbox 选中 取消-20130713

1、效果及功能说明 checkbox多选框点击事件控制显示隐藏 2、实现原理 点击打勾点击填写内容信息,会触发添加一个类,这个类能让下面的用户名和密码的输入框填写当没有打勾的时候就会把这个类给删除掉让用户名和密码没办法填写 主要的方法 $("#findform li .inputext").removeClass("grayinput"); ...
xjwolaile 评论(0) 有1174人浏览 2013-07-13 23:04

jQuery段落文字内容高亮显示提示-20130712

1、效果及功能说明 段落文字内容高亮显示一段主要文字内容提示。通过设置鼠标滑过段落标签,高亮显示此标签的内容含义信息 2、实现原理 先定义三个伪类事件的触发,然后定义触发伪类的后需要的效果,在把这些效果分别设定当相印的触发条件里面去,效果是让不是主体的文字透明多少,在给主体的文字加上背景颜色和字体颜色的加深让用户更好知道字段文章的主要要说的是什么 主要的方法 maskSourc ...
xjwolaile 评论(0) 有1182人浏览 2013-07-13 00:15

jQuery左导航菜单二级菜单slide滑动渐隐显示-20130706

1、效果及功能说明 导航菜单制作一个二级菜单导航条,鼠标滑过导航条二级菜单slide滑动展示且带有渐隐效果展示比较柔和的二级菜单目录 2、实现原理 先通过遍历匹配到每一个元素,这个是为了让所有的导航栏都可以获得显出相对因下拉框的效果,定义一个伪类事件让鼠标触及到导航栏后触发相对因的下拉框在给下拉框一个类这个类定义好了下拉框的样式,下拉框的出现是同意一个动画的效果来实现,时间为0.4秒内完成然 ...
xjwolaile 评论(0) 有1480人浏览 2013-07-07 00:44

jQuery图像幻灯片上下滑动图片切换-20130627

1、效果及功能说明 图像幻灯片制作鼠标滑过缩略图显示相应的大图,让大图上下滑动切换,默认下图像幻灯片自动轮播 2、实现原理 自动切换小图片让大div获得切换小图片的路径让切换到的小图片能在大div里显示出来让图片定义一个2秒的动画效果让小图片通过动画的效果切换切换的小图片会有一个边框的样式改变来让用户知道现在是哪一张然后通过伪类来定义个鼠标触及的效果让鼠标触及到小图片动画停止大div里显示鼠 ...
xjwolaile 评论(0) 有2735人浏览 2013-06-27 23:22

移除目标元素的className-removeClass

api的应用场景是:移除目标元素的className   关于className的资料:http://zhangyaochun.iteye.com/blog/1456976 关于ZYC.dom.g请看这里:http://zhangyaochun.iteye.com/blog/1439262     /* *removeClass-remove the className fro ...
zhangyaochun 评论(0) 有3310人浏览 2012-03-19 21:35

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics