jQuery实现图片延迟加载
[ 2011-10-26 21:16:36 | 作者: admin ]
在浏览有些网站时，发现图片是在下拉滚动条时才加载,这是一个很不错的用户体验。这一效果是通过JavaScript 编写的 jQuery 插件实现的，它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. 有些WordPress主题也具备了此功能。
目前我用的这个热点新闻主题由于有缩略图功能所以也试着加上看看效果如何。这里把这一功能应用到WordPress主题方法说一下，其实很简单，首先下载jquery.lazyloa.js，放到主题目录中，然后在header.php模板文件</head>标签前添加如下代码：
[code][/code]...
阅读全文…
目前我用的这个热点新闻主题由于有缩略图功能所以也试着加上看看效果如何。这里把这一功能应用到WordPress主题方法说一下，其实很简单，首先下载jquery.lazyloa.js，放到主题目录中，然后在header.php模板文件</head>标签前添加如下代码：
[code][/code]...
阅读全文…
使用document.form1.submit为什么报脚本出错的问题
[ 2011-10-25 10:17:42 | 作者: admin ]
我写了个处理submit的功能,用的和以前的方法相同.按钮设为button
<form name= "form1 " id= "form1 " method= "post " action= "log.asp " >
<input type= "button " name= "Submit " value= "提交 " onClick= "datacheck ">
</form>
<script language=javascript>
document.form1.submit();
//document.getElementByIdx_x("form1").submit();
//document.getElementById("form1").submit();
</script>
解决办法，保留字冲突
...
阅读全文…
<form name= "form1 " id= "form1 " method= "post " action= "log.asp " >
<input type= "button " name= "Submit " value= "提交 " onClick= "datacheck ">
</form>
<script language=javascript>
document.form1.submit();
//document.getElementByIdx_x("form1").submit();
//document.getElementById("form1").submit();
</script>
解决办法，保留字冲突
...
阅读全文…
utf-8网站修改文件要注意 编码不一致导致错位
[ 2011-10-13 19:35:33 | 作者: admin ]
网站css修改后会误保存为gbk编码，上传后ie6.0下面就不兼容了，导致网站错位。但是ie8正常
用javascript动态设置action和encoding
[ 2011-09-07 14:03:09 | 作者: admin ]
<SCRIPT LANGUAGE= "JavaScript ">
function aaa(theform)
{
if(theform.isup.checked==true){
document.forms[0].encoding= "multipart/form-data ";
document.forms[0].action= "1.asp?isup=1 ";
}else{
document.forms[0].encoding= "application/x-www-form-urlencoded ";
document.forms[0].action= "1.asp?isup=0 ";
}
alert(theform.action);
}
</SCRIPT>
function aaa(theform)
{
if(theform.isup.checked==true){
document.forms[0].encoding= "multipart/form-data ";
document.forms[0].action= "1.asp?isup=1 ";
}else{
document.forms[0].encoding= "application/x-www-form-urlencoded ";
document.forms[0].action= "1.asp?isup=0 ";
}
alert(theform.action);
}
</SCRIPT>
<FORM METHOD=POST ...
阅读全文…
如何成为配色达人——很棒的生动课程
[ 2011-06-18 08:28:46 | 作者: admin ]
用CSS的padding和border属性为img图片设置双边框效果
[ 2011-06-01 10:43:02 | 作者: admin ]
实现原理：用padding设置图片内边距形成一个边框的效果，用用border设置图片的边框。这样就形式了双边框的效果。可以设置成padding和border相同的宽度，这样出出来的双边框效果比较对称。不过也可以设置边框细一点或内边距小一些，当然你也可以改变背景颜色的方法改变padding形成的边框效果的颜色。希望大家能灵活运用。
阅读全文…
<style type="text/css">
body {text-align: center; font-family:Verdana;}
.img1 { padding:5px; border:5px solid #333;}
.img2 { padding:5px; border:1px solid #333;}
.img3 { padding:5px; border:5px solid #333; background: #c33;}
...body {text-align: center; font-family:Verdana;}
.img1 { padding:5px; border:5px solid #333;}
.img2 { padding:5px; border:1px solid #333;}
.img3 { padding:5px; border:5px solid #333; background: #c33;}
阅读全文…
关于动态指定select的selected的问题，firefox，360，IE不同
[ 2011-05-31 11:27:37 | 作者: admin ]
用ajax制作的一个级联选择，二级随一级联动，在修改的情况下使用下面代码
JS动态改变select选择变更option的index值
[ 2011-05-31 09:41:41 | 作者: admin ]
document.getElementById("louyuming").options[0].selected=true;
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
...
阅读全文…
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
...
阅读全文…
