jQuery实现菜单显示效果(2)

可以使用background-image来制定一个元素的背景图,如果背景图比元素的实际大小要小,那么背景图会自动在横向和纵向上重复显示,直到填满整个区域

可以使用bakeground-repeat来控制背景图的重复填充方向

如果一个元素上同时定义了背景图和背景色,那么有背景图的地方是不会显示背景色的

text-decoration属性值为none时,可以取消文字的下划线

background-position可以控制背景图的位置,属性值既可以用数值,也可以用center,left,top这些值来控制横向和纵向的位置。这个属性的两个值,第一个对应横向,第二个对应纵向

background-image的值为none表示没有背景图

background-repeat的值为no-repeat时,背景图不会再所在的区域中重复显示

IE6以外的其他浏览器可以通过设定display的值为block来让a元素充满所在的区域。对于IE6,则需要设定display为inline-block,同时设定a的宽度

display的值为none可以用于隐藏元素

JavaScript知识点:

main a 和 .main > a的不同之处,前者选择使用了.main的这个class的元素内部所有的a节点,后者只选择.main的子节点中的a节点

show,hide方法可以用于显示或隐藏元素,没有参数时的效果和修改css的display属性效果一样。参数可以是单位为毫秒的数字,或则“slow”“normal”“fast”这三个文字,都可以来控制完成显示或隐藏需要的时间。注意这时动画效果考不断改变元素的宽度和高度来实现的

toggle方法更为强大,可以省去我们判断元素是显示还是隐藏的状态,直接让显示的元素隐藏起来,隐藏的元素显示出来。参数使用方法和show,hide相同

slideDown和slideUp可以实现向下或者向上卷动的效果,实际上试通过指定时间内修改元素的高度来实现动画效果。需要注意的是这两个方法参数为空的情况和show,hide不同

slideToggle和toggle达到的效果类似

DOCTYPE对于jQuery中的动画是有影响的。没有DOCTYPE定义时,在IE中,jQuery的动画会出现闪烁的糟糕效果。

float的值是left,可以使原本各自位于一行的元素全部在一行中向左浮动

可以给多个选择器定义同样的样式,选择器之间用“,”分割。同样对于jQuery的“$”方法,也可以传入各个选择器

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/1c5b8350aaf229cadf1e465c859dc283.html