jQuery 到顶部
2014-01-19 17:28
106 查看
回到顶部:
搜索框默认值:
$(function () { $(window).scroll(function(){ if ($(window).scrollTop()>100){ $("#back-top").fadeIn(1000); } else { $("#back-top").fadeOut(1000); } }); $("#back-top").click(function(){ $('body,html').animate({scrollTop:0},1000); return false; }); });
搜索框默认值:
$("#search").bind({ blur:function(){ if($(this).val()==""){ $(this).val("email@myDomain.com"); $(this).css("color","#7a818b"); } }, focus:function(){ if($(this).val()=="email@myDomain.com"){ $(this).val(""); $(this).css("color","#ffffff"); } } })
相关文章推荐
- jquery实现点击回到页面顶部
- jQuery实现返回顶部按钮效果
- Jquery DIV滚动至浏览器顶部位置固定
- Jquery 实现返回到顶部
- jquery:点击回到顶部以及定点滚动
- js+JQuery实现返回顶部功能
- jQuery设置div一直在页面顶部显示的方法
- jquery使页面返回到顶部代码
- jQuery创建平滑的页面滚动(顶部或底部)
- jQuery下的返回顶部功能的实现实例页面
- jquery返回顶部
- 【笔记】jquery js获取浏览器滑动条距离顶部距离的写法
- jquery 滚动条 平滑滚动到顶部、底部、置顶位置
- jQuery 实现小功能之回到顶部
- Jquery DIV滚动至浏览器顶部位置固定
- ASP.NET jQuery 食谱9 (通过控件hyperlink实现返回顶部效果)
- jquery 返回顶部动画
- “返回顶部代码”滑动效果 jQuery超级简单实用写法
- jquery实现页面常用的返回顶部效果
- jQuery插件:返回顶部/底部