加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

jQuery建造动态酷结果总结

发布时间:2018-08-17 11:11:09 所属栏目:业界 来源:站长网
导读:jQuery 是一个优越的 Java Script框架,可以很好的办理差异赏识器兼容的题目,尤其是在ASP.NET MVC下,它的浸染越发的凸显。 jQuery在建造动态酷结果的时辰有很强的上风,以下是笔者总结的一些最常用到的要领。 1.修改内联CSS jQyery提供.css()要领来供我
jQuery是一个优越的JavaScript框架,可以很好的办理差异赏识器兼容的题目,尤其是在ASP.NET MVC下,它的浸染越发的凸显。

jQuery在建造动态酷结果的时辰有很强的上风,以下是笔者总结的一些最常用到的要领。

1.修改内联CSS

jQyery提供.css()要领来供我们获取或修改内联的css

.css()要领可以或许吸取的参数由两种,一种是为它单独转达一个单独的样式属性和值,另一种是为它转达一个由“属性-值”对组成的映射:

.css('property','value');

.css({'property1':'value1','property-2':'value2'});

一样平常来说,数字值不必要加引号,而字符串值必要加引号。可是,当行使映射暗示法时,假如属性名行使驼峰巨细写情势的DOM暗示法,则可以省略引号。

2.根基的潜匿和表现,不发动画结果。

.hide()

.show()

这两个要领的浸染就是当即潜匿或表现匹配的元素荟萃。

3.指定表现速率的潜匿和表现

在.hide()和.show()要领的基本上,可以拟定潜匿或表现的速率。它的暗示要领为:.hide('speed')或.show('speed')。speed的值可觉得:

slow、normal、fast;slow为0.6秒;normal为0.4秒;fast为0.2秒
数值暗示的毫秒数值

4.淡入淡出结果

.fadein() 为匹配元素指定淡入结果

.fadeout() 为匹配元素指定淡出结果

行使.fadein()或.fadeout()同样可以拟定speed值,如:slow、normal、fast、毫秒数

淡入淡出的实现方法着实是增进或镌汰匹配元素的不透明度来实现的。

5.建造动画结果

jQuery提供了一个强盛的.animate()要领,通过该要领可以建设包括多重结果的自界说动画。.animate()要领接管以下四个参数:

一个包括样式属性及值的映射。
可选的速率参数,默以为normal。
可选的缓动范例
可选的回调参数。

6.行使.animate()建造动画的时辰该当思量的题目

css对我们要改变的元素所施加的限定

譬喻,在元素的css定位没有配置成relative或absolute的环境下,调解left属性对付匹配的元素毫无浸染。全部块级元素默认的css定位属性都是static,这个值精切地表白:在改变元素的定位属性之前试图移动它们,它们只会保持静止不动。

并发与列队结果

jQuery中无论是处理赏罚一组照旧多组元素,默认都是同时产生的,因此,并发题目就成为了我们值得思量的一个题目。归纳综合起来有以下两点:

假如是处理赏罚一组元素,可以按照代码的书序举办节制;

假如是处理赏罚多组元素,则可以通过回调函数举办节制;

作者:深山老林
出处:http://wlb.cnblogs.com/

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读