博客首页 → addClass

最新文章列表

jQuery 侧栏与工具提示-20130726

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

jQuery 竖直手风琴菜单收缩展示下拉菜单-20130725

1、效果及功能说明 框架制作两种非常简单的jquery手风琴菜单特效，鼠标滑过手风琴与鼠标点击触发手风琴 2、实现原理 手风琴的效果一个是点击事件的效果一个触碰效果，都是当点击获得触碰触发添加一个让得显示的类后获得一个滑动效果让子类出现，当再次点击获得点击其他，和触及消失获得触及其他后当前的就会自动滑动消失，在删除掉展示的类 主要的方法 $(this).addClass(&qu ...
shownextaddClassslideUpsiblings 
xjwolaile 评论(0) 有6597人浏览 2013-07-25 23:40

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

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

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

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

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

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

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

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

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

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

jQuery checkbox 选中 取消-20130713

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

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

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

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

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

给目标元素添加className-addClass

api的应用场景是：给目标元素添加className     关于className的资料：http://zhangyaochun.iteye.com/blog/1456976 关于ZYC.dom.g请看这里：http://zhangyaochun.iteye.com/blog/1439262   简单描述：                   如果需要一次调用添加多个class只需用 ...
addClass 
zhangyaochun 评论(0) 有4142人浏览 2012-03-18 16:15

$(this).addClass()的一个注意点

今天在该公司项目里的一个bug时发现$(this).addClass("a");后再进行一次$(this).addClass("b")，则this元素的class为“a b”；，今天这个bug就是因为这个搞的许久。唉，写出来，让自己长长记性。
JSjQueryaddClass 
xdwangiflytek 评论(0) 有2337人浏览 2012-01-31 23:16

最近博客热门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