文章被复制时自动添加网站地址
[ 2010-04-09 22:03:07 | 作者: admin ]
<script type="text/javascript">
document.body.oncopy = function () {
setTimeout( function () {
var text = clipboardData.getData("text");
if (text) {
text = text + "\r\n 参考网站："+location.href; clipboardData.setData("text", text);
}
}, 100 )
}
</script>
document.body.oncopy = function () {
setTimeout( function () {
var text = clipboardData.getData("text");
if (text) {
text = text + "\r\n 参考网站："+location.href; clipboardData.setData("text", text);
}
}, 100 )
}
</script>
CSS背景图像background属性解读
[ 2010-04-02 08:31:42 | 作者: admin ]
CSS的背景属性“background”提供了众多属性值，如颜色、图像、定位等，为网页背景图像的定义提供了极大的便利。看看background提供的属性值：
background : background-color | background-image | background-repeat | background-attachment | background-position
从属性值的名字就可以很明白的看出来，分别是：颜色、图像、铺排、滚动、定位，其中background-repeat、background-position必须是在指定了background-image属性值后才有效。
background-color:transparent | color 。“transparent”是b...
阅读全文…
background : background-color | background-image | background-repeat | background-attachment | background-position
从属性值的名字就可以很明白的看出来，分别是：颜色、图像、铺排、滚动、定位，其中background-repeat、background-position必须是在指定了background-image属性值后才有效。
background-color:transparent | color 。“transparent”是b...
阅读全文…
css中目前常见使用单张背景图的定位问题 background-position
[ 2010-04-02 08:23:23 | 作者: admin ]
background-position的概要说明：
设置或检索对象的背景图像位置。必须先指定 background-image 属性。该属性定位不受对象的补丁属性( padding )设置影响。
默认值为： 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。
如果只指定了一个值，该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值，第二个值将用于纵坐标。
如果设置值为 right center，因为 right 作为横坐标值将会覆盖 center 值，所以背景图片将被居右定位。
对应的脚本特性为 backgroundPosition 。
语法：
background-position : length || length
background-position : position || position
...
阅读全文…
设置或检索对象的背景图像位置。必须先指定 background-image 属性。该属性定位不受对象的补丁属性( padding )设置影响。
默认值为： 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。
如果只指定了一个值，该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值，第二个值将用于纵坐标。
如果设置值为 right center，因为 right 作为横坐标值将会覆盖 center 值，所以背景图片将被居右定位。
对应的脚本特性为 backgroundPosition 。
语法：
background-position : length || length
background-position : position || position
...
阅读全文…
div+css标准布局常见问题及解决办法
[ 2010-03-31 10:30:46 | 作者: admin ]
3像素问题及解决办法
当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话，请参考例29、31的解决方法
上边容器浮动后，下边的容器跟着浮动，造成页面错乱
如以上例子中的footer必须要单独占一行，但当sidebar浮动后，content的高度小于sidebar的高度时，footer也跟着浮动到sidebar右侧了，造成页面错乱。解决办法是在maincontent和footer之间插入一个容器，设置样式 clear:both; height:0; font-size: 1px; line-height: 0px;用clear:both清除，即可使页面正常
当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？
这种情况可在父窗口加上 ...
阅读全文…
当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话，请参考例29、31的解决方法
上边容器浮动后，下边的容器跟着浮动，造成页面错乱
如以上例子中的footer必须要单独占一行，但当sidebar浮动后，content的高度小于sidebar的高度时，footer也跟着浮动到sidebar右侧了，造成页面错乱。解决办法是在maincontent和footer之间插入一个容器，设置样式 clear:both; height:0; font-size: 1px; line-height: 0px;用clear:both清除，即可使页面正常
当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？
这种情况可在父窗口加上 ...
阅读全文…
一些界面还算干净的小站，提供参考
[ 2010-03-17 08:49:09 | 作者: admin ]
6月12日
爱拓奇国际语言社区http://www.italki.com/
时库网http://www.timeku.com/
淘宝酷站排行榜http://www.top1234.com/
脸皮网http://lianpi.com/
后现代乐园http://www.911usa.com.cn/Blog/
AB报http://www.abbao.cn/
6月15日
魔术空间 http://www.magicteach.cn/
生活说明书 http://www.wikish.net/
世界景点银行 http://www.worldviewbank.com/cn/
ZCOM电子杂志 http://www.zcom.com/
Leica中文摄影杂志http://www.leica.org.cn/
6月19日
魔术空间http://www.magicteach.cn/
生活说明书"http://www.wikish.net/
...
阅读全文…
爱拓奇国际语言社区http://www.italki.com/
时库网http://www.timeku.com/
淘宝酷站排行榜http://www.top1234.com/
脸皮网http://lianpi.com/
后现代乐园http://www.911usa.com.cn/Blog/
AB报http://www.abbao.cn/
6月15日
魔术空间 http://www.magicteach.cn/
生活说明书 http://www.wikish.net/
世界景点银行 http://www.worldviewbank.com/cn/
ZCOM电子杂志 http://www.zcom.com/
Leica中文摄影杂志http://www.leica.org.cn/
6月19日
魔术空间http://www.magicteach.cn/
生活说明书"http://www.wikish.net/
...
阅读全文…
javascript中的XSS跨站攻击
[ 2010-03-03 14:48:15 | 作者: admin ]
随着网络应用的日益广泛，其中的安全问题也越来越不容忽视。作为网络安全中占用重要地位的WEB安全也开始受到人们关注，作为一个好的网络安全维护人员，不仅要有扎实的理论知识，还要有充分的白盒黑盒测试经验，今天我们就从攻击的角度分析下WEB脚本安全中客户端脚本经常出现的攻击方式——跨站攻击（XSS）。
跨站漏洞出现在各个地方，其危害也越来越大，印象中08年在国内就曾掀起了一阵“跨站热”，多家著名网站程序和邮箱都受到了不同程度的攻击。那么跨站漏洞到底是怎么产生的呢？从攻击者的角度看，是攻击者提交的变量没有经过完整过滤Html字符或者根本就没有经过过滤就放到了数据库中，并且在一些地方又直接从数据库中取出来返回给来访问的用户，从而产生了跨站漏洞。而从程序员角度分析，则是由于编写程序时的一些失误，在代码解析成HTML的过程中被人利用，从而被攻击者构造合理的HTML代码闭合后然后就运行攻...
阅读全文…
跨站漏洞出现在各个地方，其危害也越来越大，印象中08年在国内就曾掀起了一阵“跨站热”，多家著名网站程序和邮箱都受到了不同程度的攻击。那么跨站漏洞到底是怎么产生的呢？从攻击者的角度看，是攻击者提交的变量没有经过完整过滤Html字符或者根本就没有经过过滤就放到了数据库中，并且在一些地方又直接从数据库中取出来返回给来访问的用户，从而产生了跨站漏洞。而从程序员角度分析，则是由于编写程序时的一些失误，在代码解析成HTML的过程中被人利用，从而被攻击者构造合理的HTML代码闭合后然后就运行攻...
阅读全文…
DOCTYPE标准与html兼容问题
[ 2010-03-02 10:51:49 | 作者: admin ]
近日发现lbs使用textarea多行文本框的时候，写日志会发生自动滚动的现象，极为恼火，以前的浏览器版本视乎没有这个问题。所以探个究竟，是DOCTYPE 标准惹得祸。
原演示代码如下：
阅读全文…
原演示代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>发表日志 - 拍拍尘土</TITLE>
</HEAD>
<BODY>
<TEXTAREA style="WIDTH: 600px" id=message rows=18 cols=64 name=message ></TEXTAREA>
...<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>发表日志 - 拍拍尘土</TITLE>
</HEAD>
<BODY>
<TEXTAREA style="WIDTH: 600px" id=message rows=18 cols=64 name=message ></TEXTAREA>
阅读全文…
复选框checkBox最多选择5个的判断代码
[ 2009-12-15 16:41:21 | 作者: admin ]
<script language="JavaScript1.2">
//52News.com
function CheckSel()
{
var objs = document.formVote.ids;
var checkedCount = 0;
for(var i = 0; i < objs.length; i++) {
if(objs[i].checked)
checkedCount++;
}
if (checkedCount > 5) {
alert("最多选5个");
return false;
}
}
</script>
//52News.com
function CheckSel()
{
var objs = document.formVote.ids;
var checkedCount = 0;
for(var i = 0; i < objs.length; i++) {
if(objs[i].checked)
checkedCount++;
}
if (checkedCount > 5) {
alert("最多选5个");
return false;
}
}
</script>
使用方法：
<input name="id" type="checkbox" value="<%=rs("id")%>" onclick="return CheckSel()" />
