沉冰浮水

置百丈玄冰而崩裂,掷须臾池水而漂摇。

【备忘】按钮倒计时效果

按钮点击后禁用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);

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

$.fn.flash = function (a) {$(this).animate({opacity: 'toggle'}, 500),a > 0 && $(this).flash(0),a > 1 && $(this).flash(a - 1)};

点击查看效果

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

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

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方式:

召唤伊斯特瓦尔