每每看到网友Blog的页面底部或中间有一个按钮回到页面顶部，羡慕死人了，但自己就是做不出这样的效果。后来在google和baidu搜寻了一下，仔细思考，并不像当初想象的那么复杂。经过整理贴到blog中与大家一起分享一下。
jQuery制作多级导航菜单
前言
假使我们不需要兼容IE6这个浏览器的话，我们完全可以使用纯CSS来制作一个多级导航。比如说Devin R. Olsen写的《Pure CSS Vertical Menu 》就是一个纯CSS制作的导航。那么今天我也要介绍一个不用插件制作的导航，而且用户不支持js的情况下，在现代浏览器中多级导航菜单功能也正常。首先可以看下面的一个Demo。 查看全文
2013/02
21 周四
类似表单提示-placeholder的实现方法
表单提示就是在input输入框予以文字提示，当内容改变时提示文字消失的效果。实现方法有很多种，HTML5的placeholder也能方便的实现，下面简单介绍下
1.placeholder解决方案
百科：placeholder是html5中的表单占位符，支持text，password及textarea等html5中新增的表单元素。
效果：
方法：
|
1 |
<input id="name" type="text" placeholder="please enter the text" /> |
2.placeholder兼容
既然是html5，那么当然只有高级浏览器可以支持了（所以使用低级浏览器的同学在上一个例子是看不到效果的），不过我们可以借用jquery来帮我们来解决这个兼容问题。 查看全文
2013/01
29 周二
jquery遍历筛选数组的几种方法和遍历解析json对象
jQuery grep()筛选遍历数组
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
$().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in filterarray){ alert(filterarray[key]); } } ); |
2013/01
23 周三
jQuery注意事项
1.选择器含有”.”、”#”、”[“、”]”等特殊字符
需要使用转义字符转义 \\
2.选择器中含有空格
$(‘.test :hidden’) 包含空格，即选取class为test里面的隐藏元素
$(‘.test:hidden’)不含空格，即选取隐藏的class为test的元素
2013/01
16 周三