沉冰浮水

1、

错误提示：Bad escaping of EOL. Use option multistr if needed.

解决方案：在代码前加入注释：/*jshint multistr: true */

参考：http://stackoverflow.com/questions/14054021

需求场景：

一个只读的input文本框，存在目的就是让用户复制其中的内容，，虽然可以用一键复制的插件，，但是对于文本框自身还是希望做些处理：

1、鼠标移入时候选中文本——onmouseover="this.select();"

2、点击文本框时候仍然保持选中状态——然而直接用onclick="this.select()" 时并不会看到直观的点击反馈←←至少我自己感觉略不爽——所以解决是加个延时onclick="that = this;setTimeout(function(){that.select()},150);"

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

在研究缓存失效时间时开的一个脑洞，，虽然不是很清楚有什么实用价值。。

var m;
var lastm;
var lastn;

for (var n = 0; n <= 50; n++) {
  if (!m) {
    m = n + 5;
    lastn = n - 1;
  }
  if (m <= n) {
    if (n !== 11 && n !== 12 && n !== 21) {
    // if (1 == 1) {
      fnLog([m - n, m, n, n - lastn, "do sm thin"]);
      lastm = m;
      m = n + n - lastn;
      lastn = n + n - lastm;
    } else {
      fnLog([m - n, m, n, n - lastn, "skip"]);
    }
  } else {
    fnLog([m - n, m, n, n - lastn]);
  }
}
// ----------------------------
function fnLog(n) {
  if (Object.prototype.toString.call(n) === '[object Array]') {
    a = n.join(" , ");
  }
  document.getElementById('debug').innerHTML += a + "<br />";
  console.log(a);
}

代码：

$.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);

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

关于【HTML DOM Style 对象】相关介绍及用法戳这个链接：

http://www.w3school.com.cn/jsref/dom_obj_style.asp

问题是第一次我找到的写法是这个样子的：

document.getElementById("xnxf-btn").style="background-position: center bottom;";

实现目的：点击指定按钮时显示/隐藏另外一个元素，，同时按钮自身状态或内容也随之改变。。

<script type="text/javascript">
function Switch(switch_con,switch_btn){
  var Element = document.getElementById(switch_con);
  var flag = switch_btn;
  var curStyle=Element.style.display;
  if (curStyle != 'block') {
    newStyle = 'block';
    flag.innerHTML = '隐藏';
  }
  else {
    newStyle = 'none';
    flag.innerHTML = '显示';
  };
  Element.style.display = newStyle;
}
</script>

调用方式：<a id="btn" href="javascript:;" onclick="Switch('content',this)">显示</a>，第一个参数是要显示/隐藏的元素ID，第二个是Dom对象，，

写了两个为搞笑而生的插件，Z-Blog ASP版的回复可见和QQ客服：

http://app.zblogcn.com/?auth=80

今天决定弄个油猴子脚本实现随机设置价格。sort()函数什么的自行百度。。

var arr = [];
for (var i = 1; i < 6; i++)
{
  for (var j = 1; j < i + 1; j++) {
    arr.push(i);
  }
}
function randomsort(a, b) {
  return Math.random() > 0.5 ? - 1 : 1;
}
arr = arr.sort(randomsort);
document.getElementById('app_price') .value = arr[parseInt(15 * Math.random())];

相关文章：--【备忘】ASP数组随机排序--