【备忘】按钮倒计时效果

  按钮点击后禁用5秒

$(".xnxf-btn").removeAttr("disabled"); //按钮禁用时刷新并不会恢复?
$(".xnxf-btn").click(function () {
    var t = 5;
    var tempHtml = $(".xnxf-btn").html();
    $(this).attr("disabled", "disabled");
    $(this).html(tempHtml + "(" + t + "s" + ")");
    var n = setInterval(function () {
            t -= 1;
            $(".xnxf-btn").html(tempHtml + "(" + t + "s" + ")");
            if (t == 0) {
                $(".xnxf-btn").removeAttr("disabled");
                $(".xnxf-btn").html(tempHtml);
                clearInterval(n);
            }
        }, 1000);
    // do sth
});

【备忘】JQuery闪烁效果

  代码:

$.fn.flash = function (a) {
  // 切换可见状态(设定竟然不是变成透明,不过本例中没有影响)
  $(this).animate({
    opacity: 'toggle'
  }, 500, function () {
    // console.log($(this).css('display')),
    // 当前状态为不可见时自调用使其可见
    $(this).css('display') == 'none' && $(this).flash(0)
  }),
  a > 1 && $(this).flash(a - 1);
};
// 调用
$('#xn,.xf').flash(3);

  然后,如果不考虑初始或最终的可见状态的话下边这样就可以:

【备忘】JQuery纯前台实现多说回复可见

  注:Z-Blog ASP 可以使用 回复可见(http://app.zblogcn.com/?id=493) 插件,支持多说和自带评论,并且是真正的隐藏。链接内附演示地址。


  多说等社会化评论插件的方便不必多说,非论坛程序对回复可见功能的需求也是不在少数。

  然后所谓纯前台的意思是隐藏掉的东西查看网页源码的话其实是可以看到的。所以略蛋疼。本文只是提供一种选择,而且重点是如何判断当前访客是否登陆多说及是否在本站发表过评论,因为多说不提供诸如 if (ds-当前访客已登陆多说){……}、if (ds-当前访客已评论此文){……}之类的JavaScript接口。。

ZeroClipboard复制文本到剪切板(兼容多浏览器)

  准确来说是写入文本到剪切板??

  Zero Clipboard的实现原理

  Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。

  需要的文件

  你需要ZeroClipboard.js和ZeroClipboard.swf这两个文件并将其放置在同一目路径下,下载地址:http://pan.baidu.com/s/1jHORR06 (包含演示文件),当然在使用时你还需要引入jQuery

【备忘】jQuery弹出层并居中

  JS方式:

function closeDiv(id) {
    var Idiv = document.getElementById(id);
    Idiv.style.display = 'none';
    document.getElementById('gray').style.display = 'none';
    //document.body.style.overflow = "auto";
};

function Show(id) {
    var Idiv = document.getElementById(id);
    Idiv.style.display = 'block';
    Idiv.style.left = (document.documentElement.clientWidth - Idiv.clientWidth) / 2 + document.documentElement.scrollLeft + "px";
    Idiv.style.top = (document.documentElement.clientHeight - Idiv.clientHeight) / 2 + document.documentElement.scrollTop + document.body.scrollTop + "px";
    document.getElementById('gray').style.cssText = "display:block;background:#000000;width:100%;height:100%;position:fixed;top:0;left:0;zIndex:500;opacity:0.6;filter:Alpha(opacity=70);";
    //document.body.style.overflow = "hidden";
};

  jQuery方式:

Baidu Button BEGIN
分享