使用jquery实现一些列表的滚动有很多的方法,你可以使用animate方法,到网上搜到的大都是使用animate方法的,当然也可以使用别的方法,今天我们介绍的这个方法我感觉也比前一种方法更容易理解!思路就是首先获取到列表中的第一个,然后把它隐藏在隐藏的同时克隆一份放到列表容器中,这时候删除这个列表。而这个时候原来的第二条列表就变成第一条了,设置循环就可以一直执行下去。好了用语言描述有时候感觉很不给力,所以还是看例子!
你还可以把show和hide换成fadeIn和fadeOut或者是slideDown和slideUp都可以,自己动手试试吧。
Filed under: jquery 由 admin
没有评论 »
以前写tab的时候大都是使用li中嵌套tab要显示的内容,然后使用定位来实现的,这种方式布局写js很简单的,用jquery实现就是$(“li”).click(function(){$(this).children(‘隐藏的容器’).show()});很简单吧,其实这样的使用纯css的也可以实现,但是嵌套的不符合w3c标准。特别是tab切换的内容包括的很丰富的时候css是不适合的因为大家知道ie6只支持a的伪类,所以js实现tab才是主流!下面我们来谈谈另外一种的tab布局方式,这个布局不需要嵌套所以标签使用上很自由。但是由于tab的标题和内容是独立的所以在js实现上稍微有些麻烦,其实实现的jquery代码也是很简单的,下面我就贴出代码,相信你看了之后便会明白!
Filed under: jquery 由 admin
没有评论 »

Filed under: jquery 由 admin
没有评论 »
其实用jquery写下拉菜单非常的easy,如果你看过jquery你就能写。今天的这个下拉菜单把握整蒙了,不过还好不久我还是清醒了,好了我说说条件:点击出现下拉菜单点击菜单中的项目下拉消失,点击页面中其他的地方下拉菜单也要消失。点击另外的下拉别的下拉菜单也是消失,同样也是点击别的地方也可以消失。我当时想这个很easy了,于是就动手写了!下面是代码
你可以先看jquery代码!
这个是可以实现点击出现下拉菜单,但是当你点击出现下拉你直接点击两外一个下拉这时候前一个下拉可以消失当前的夜可以显示这都正常但是这个时候你在点击上一个下拉菜单的时候就不会出现了,只有点击两次才会出现。因为toggle有两个function你第一次只点击了一次所以你在点击别的下拉之后再点击它就不会出现下拉因为这时候执行的是toggle的第二个function也就是隐藏!
到这时候我想到的是判断,但是由于自己的原生态js很差或者说就是基本不会所以很头痛!突然我想起何不在toggle的第二个function上在写的方法。想到这我想到了toggle下面再使用toggle方法。于是问题迎刃而解!这个是下面的代码:
于是今天就贴出来希望能帮助遇到相近问题的同行!
Filed under: jquery 由 admin
没有评论 »