清泉逐流

做着努力,等待幸福到来
» 日志

实现定位锚平滑滚动的Jquery插件

时间 : 2013-03-20 19:27 标签 : jQuery  

  简单几行代码,即可实现在点击网页定位锚之后网页平滑滚动的效果。

  JS代码:

  

$.fn.smoothAnchor = function(speed){ $(this).each(function(i,o){ $(o).click(function(){ var _rel = jQuery(this).attr("href").substr(jQuery(this).attr("href").indexOf('#')+1); var _targetTop = $('a[name='+_rel+']'); if(_targetTop.length){ $("html,body").animate({scrollTop:_targetTop.offset().top-20},speed?speed:1000); }else{ _targetTop = $('a[id='+_rel+']'); if(_targetTop.length){

查看全文 »

jQuery 获取屏幕高度、宽度

时间 : 2012-08-11 10:39 标签 : jQuery  

  jQuery 获取屏幕高度、宽度

  所以在网上找了些汇总下。

  alert($(window).height()); //浏览器当前窗口可视区域高度

  alert($(document).height()); //浏览器当前窗口文档的高度

  alert($(document.body).height());//浏览器当前窗口文档body的高度

  alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

  alert($(window).width()); //浏览器当前窗口可视区域宽度

  alert($(document).width());//浏览器当前窗口文档对象宽度

  alert($(document.body).width());//浏览器当前窗口文

查看全文 »
» 日志标签