在浏览有些网站时,发现图片是在下拉滚动条时才加载,这是一个很不错的用户体验。这一效果是通过JavaScript 编写的 jQuery 插件实现的,它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. 有些WordPress主题也具备了此功能。
javascript
jQuery实现图片延迟加载
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中,你甚至可以把修改的网页保存到起来,对于网页设计者来说,这个功能可以辅助完善页面效果。
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…)