JQuery实战第三讲小结(横向纵向菜单)-创新互联
1.页面中的菜单项可以通过嵌套的ul和li来表示
成都创新互联公司专业为企业提供沙依巴克网站建设、沙依巴克做网站、沙依巴克网站设计、沙依巴克网站制作等企业网站建设、网页设计与制作、沙依巴克企业网站模板建站服务,十余年沙依巴克做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。2.菜单最外层为ul,一层每个主菜单放在一个li中,建立新的li中,如果有子菜单,在这个主菜单的li中建立新的ul,再一次嵌套嵌套即可构建多层的菜单。
3.浏览器中ul和li元素默认情况下文字前都有圆点标识符,li元素会有缩进。Opera浏览器比较特殊,li的标识符和其他浏览器不同。
4.list-style属性值为none时,可以清楚ul和li前面的小圆点。
5.清楚子菜单的缩进值,需要padding和margin都为0,其中ie6和ie7只有margin也为0的时候才可以清楚缩进值。
6.可以使用background-p_w_picpath来制定一个元素的背景图,如果背景图比元素的实际大小要小,那么背景图会自动在横向和纵向上重复显示,直到填充整个区域
7.可以使用background-repeat来控制背景图的重复填充方式。
8.如果一个元素上同时定义了背景图和背景色,那么有背景图的地方是不会显示背景色的。
9.text-decoration属性值为none时,可以取消文字上的下划线。
10.background-position可以控制背景图的位置,属性值既可以用数值,也可以用center,left,top这些值来控制横向和纵向的位置。这个属性的两个值,第一个对应横向,第二个对应纵向。
11.background-p_w_picpath的值为none表示是没有背景图。
12.background-repeat的值为no-repeat时,背景图不会再所在的区域中重复显示。
13.IE6意外的其他浏览器可以通过设定display的值为block来让a元素充满所在的区域。对于IE6,则需要设定display为inline-block,同时设定a的宽度。
14.display的值为none可以用于隐藏元素。
15..main a 和 .main >a 的不同之处,前者选择使用了.main的这个class的元素内部所有的a节点,后者只选择.main的子节点中的a节点。
16.show,hide方法可以用于显示或隐藏元素,没有参数时的效果和修改css的display属性效果一样。参数可以是单位为毫秒的数字,或者是'slow','normal','fast'这三个蚊子,都可以来控制完成现实或隐藏需要的元素。注意这时动画效果是靠不断改变元素的宽度和高度来实现的。
17.toggle方法更为强大,可以省去我们判断元素是显示还是隐藏的状态,直接arango显示的元素隐藏起来,隐藏的元素显示出来。参数使用方法和show,hide相同。
18.slideDown,slideUp可以显示向下或向上卷动的效果,实际上是通过指定时时间内修改元素的高度来实现动画效果。需要注意的是这两个方法参数为空的情况和show,hide不同。
19.slideToggle和toggle达到的效果类似。
20.DOCTYPE对于JQuery中的动画是有影响的。没有DOCTYPE定义时,在IE中,JQuery的动画会出现闪烁的糟糕效果。
21.float的值时left,可以使原本各自位于一行的元素全部在一行中向左浮动。
22.可以给多个选择器定义同样的样式,选择器之间用,分割。同样对于JQuery的$方法,也可以传入多个选择器。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网页名称:JQuery实战第三讲小结(横向纵向菜单)-创新互联
网页链接:http://pwwzsj.com/article/dspppj.html