文章归档

jQuery Scroll to Top Control

当页面超过一屏幕,很多时候我们需要<返回顶部>的按钮以便方便用户。通常的作法是使用锚点如

在顶部加

<a id="top"></a>

然后下面就可以这样

<a href="#top">返回顶部</a>

使用这个锚点,这时点击到达顶部。

感觉这个不方便,于是搜索找到了jQuery Scroll to Top Control,可以在下拉网页的时候,在页面右下脚出一个浮动按纽,点击就返回顶部了,如下图:

jQuery Scroll to Top Control

jQuery Scroll to Top Control的主页在这里

scrolltopcontrol.js下载点这里

WordPress用户只要在header.php中加入jquery和scrolltopcontrol.js就可以了。

<script type="text/javascript" src="http://js.014.cc/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="http://js.014.cc/scrolltopcontrol.js"></script>

不妨试试

jquery统计评论字数

<script type="text/javascript" >
$(function(){
    var $comment = $('#comment');
    var $str  =  $('#str');
    var time;
    $comment.focus(function(){
        time = window.setInterval( substring,100 );
    });
    function substring() {
        var val = $comment.val();
        var length = val.length;
        if( $str.html() != (length) ){
            if(length==0){
                $("#wordcount")[0].firstChild.nodeValue = "您已输入0";
                $str.html(length);
            }else{
                $("#wordcount")[0].firstChild.nodeValue = "您已输入";
                $str.html(length);
            }
        }
    }
});
</script>
<p id="wordcount">
    您已输入<span id="str">0</span>字
</p>

via:http://wange.im/comment-count-in-wordpress-with-jquery.html

jquery图片自动缩放

方法来自于:

http://zww.me/archives/25438

jQuery(window).load(function(){
/* jQuery方法实现自动缩放图片 beta2 by zwwooooo */
   	var img_cont=($('.post').find('img')).length; //查找并计算文章里面的图片个数,根据自己主题写选择器
   	if (img_cont != 0) { //做个判断,没有图片就不需要了
   		var maxwidth=600; //定义图片最大宽度,超过此宽度的图片自动缩为 maxwidth 值
   		var maxwidth_value=maxwidth+'px';
   		for (var i=0;i<=img_cont-1;i++) {
   			var max_width=$('.post img:eq('+i+')');
   			if (max_width.width() > maxwidth) {
   				max_width.addClass('max_width_img').removeAttr("width").removeAttr("height").css({"cursor":"pointer","width":maxwidth_value,"height":"auto"});
  			}
  		}
   	}
});

无觅相关文章插件,快速提升流量