javascript

jQuery实现图片延迟加载

在浏览有些网站时,发现图片是在下拉滚动条时才加载,这是一个很不错的用户体验。这一效果是通过JavaScript 编写的 jQuery 插件实现的,它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. 有些WordPress主题也具备了此功能。

(continue reading…)


JQuery trim()用法

$.each(ob,function(k,val){
       if(k=='cname'){
                    var s = $.trim(ob.cname);
                     $("#nianji").append("<option value='"+s+"'>"+s+"</option>");
       }
  });

这个是全都支持的. $.trim()

“autoresize”插件自动改变textarea大小

The following options are available:

onResize – (type: Function) – A callback function fired every time the textarea is resized. Within the function ‘this’ refers to the textarea being resized.
animate – (type: Boolean) – If set to false no animation will take place, the height will immediately change when necessary. By default it’s set to true.
animateDuration – (type: Number) – Millisecond duration of animation, by default it’s set to 150. (continue reading…)


autoTextarea-文本框根据输入内容自适应高度

CSS代码:
JS代码,默认的参数及调用:
//默认的参数
$(“.chackTextarea-area”).autoTextarea({
maxHeight:220,//文本框是否自动撑高,默认:null,不自动撑高;如果自动撑高必须输入数值,该值作为文本框自动撑高的最大高度
minHeight:$(this).height()//默认最小高度,也就是文本框最初的高度,当内容高度小于这个高度的时候,文本以这个高度显示
}) (continue reading…)


JavaScript判断窗口是否最小化

//is min browser.
function isMinStatus(){
var isMin = false;
if (window.outerWidth != undefined){
isMin = window.outerWidth <= 160 && window.outerHeight <= 27;
}else{
isMin = window.screenTop < -30000 && window.screenLeft < -30000;
}
return isMin;
}

function notifyTeacher(){
if(isMinStatus()){
window.focus();
}else{
document.focus();
}
}


js取url参数

function getParameterByName(name){
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.href);
  if(results == null)
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

让网页可编辑

此JavaScript代码,可以让你实时修改任何的网页,在Firefox中,你甚至可以把修改的网页保存到起来,对于网页设计者来说,这个功能可以辅助完善页面效果。

javascript:document.body.contentEditable=’true’; document.designMode=’on’; void(0);

stopPropagation() 方法

定义和用法

不再派发事件。

终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。

语法

event.stopPropagation()

说明

该方法将停止事件的传播,阻止它被分派到其他 Document 节点。在事件传播的任何阶段都可以调用它。注意,虽然该方法不能阻止同一个 Document 节点上的其他事件句柄被调用,但是它可以阻止把事件分派到其他节点。
可用于$(document).click


js判断浏览器(ipad, iphone, android, firefox…)

(/webkit/i).test(navigator.appVersion)

(/firefox/i).test(navigator.userAgent)

(/android/gi).test(navigator.appVersion)

(/iphone|ipad/gi).test(navigator.appVersion)

(/playbook/gi).test(navigator.appVersion)

PHP
(bool)strpos($_SERVER[‘HTTP_USER_AGENT’],’iPad’)


jquery 新建的元素事件绑定问题

js的事件监听跟css不一样,css只要设定好了样式,不论是原来就有的还是新添加的,都有一样的表现。而事件监听不是,你必须给每一个元素单独绑定事件。

常见的例子是处理表格的时候。每行行末有个删除按钮,点了这个能够删除这一行。 (continue reading…)


Copyright © 1996-2010 Add Lives. All rights reserved.
iDream theme by Templates Next | Powered by WordPress