Skip to content

Instantly share code, notes, and snippets.

View wangwen1220's full-sized avatar

Steven wangwen1220

View GitHub Profile
@wangwen1220
wangwen1220 / js-toggledisabled-input.js
Last active December 14, 2016 08:35
JS: jQuery 切换启用和禁用 | toggle disabled input
// jQuery 切换启用和禁用表单项
(function ($) {
$.fn.toggleDisabled = function() {
return this.each(function() {
var $this = $(this);
if ($this.attr('disabled')) $this.removeAttr('disabled');
else $this.attr('disabled', 'disabled');
});
};
})(jQuery);
@wangwen1220
wangwen1220 / js-positionfooter.js
Last active January 2, 2016 13:29
JS: jQuery 生成一个自动停靠页尾效果 | position footer
// jQuery 生成一个自动停靠页尾效果
// Window load event used just in case window height is dependant upon images
$(window).bind("load", function() {
var footerHeight = 0;
var footerTop = 0;
var $footer = $("#footer");
positionFooter();
function positionFooter() {
footerHeight = $footer.height();
@wangwen1220
wangwen1220 / js-disabledonsubmit.js
Last active January 2, 2016 13:29
js: jQuery 预防对表单进行多次提交 | disabled onsubmit
// jQuery 预防对表单进行多次提交
$(function() {
$('form').submit(function() {
if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {
jQuery.data(this, "disabledOnSubmit", { submited: true });
$('input[type=submit], input[type=button]', this).each(function() {
$(this).attr("disabled", "disabled");
});
return true;
} else {
@wangwen1220
wangwen1220 / js-target_blank.js
Last active January 2, 2016 13:29
JS: jQuery 在新窗口打开链接 | target _blank
// jQuery 在新窗口打开链接
$('a[rel='external']').click(function() {
this.target = "_blank";
});
@wangwen1220
wangwen1220 / js-preloadimages.js
Last active January 2, 2016 13:29
js: jQuery 图片预加载 | Preload images
// jQuery 图片预加载
(function($) {
var cache = [];
// Arguments are image paths relative to the current page.
$.preLoadImages = function() {
var args_len = arguments.length;
for (var i = args_len; i--;) {
var cacheImage = document.createElement('img');
cacheImage.src = arguments[i];
cache.push(cacheImage);
@wangwen1220
wangwen1220 / js-urlparam.js
Last active December 6, 2016 10:10
JS: jQuery 获取 URL 中传递的参数 | urlparam
// jQuery 获取 URL 中传递的参数
$.urlParam = function(name) {
var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
if (!results) { return 0; }
return results[1] || 0;
}
@wangwen1220
wangwen1220 / js-disabled-return-submit.js
Last active January 2, 2016 13:29
JS: jQuery 禁用表单的回车键提交 | Disabled return submit
// jQuery 禁用表单的回车键提交
$("#form").keypress(function(e) {
if (e.which == 13) {
return false;
}
});
@wangwen1220
wangwen1220 / css-center-imgtxt.css
Last active July 4, 2016 10:31
CSS: 图片、文字水平垂直居中 | center image and text
/* IE6+ 图片水平垂直居中 */
/* 优点:兼容性较好,算是比较完美的一个方法了。缺点:需要计算 font-size 会有略微误差。*/
.ie6-img {
display: block;
width: 200px;
height: 200px;
line-height: 146px;
overflow: hidden;
text-align: center;
*font-size: 175px; /* 0.875 */
@wangwen1220
wangwen1220 / html-oncontextmenu.html
Last active January 2, 2016 16:39
HTML: 屏蔽鼠标右键 | oncontextmenu
<!-- 屏蔽鼠标右键 -->
<body oncontextmenu="return false;">
<svg oncontextmenu="return false;">
@wangwen1220
wangwen1220 / css-center.css
Last active January 2, 2016 16:39
CSS: 只用 CSS 做到完全居中 | CSS Center
/** 只用 CSS 做到完全居中 **/
.absolute-center {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 50%;
height: 50%;
/*overflow: auto;*/