欢迎坐船上岛来雨风的〓◎水中小屋◎〓 看完小屋别忘了来动漫岛论坛逛逛
网页中一些小技巧(汇集)
上一篇 /
下一篇 2007-10-17 13:59:16
/ 个人分类：技术文档
网页中自动换行的问题
用表格做网页排版的时候，一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象：（
总结了一下，只要在CSS中定义了如下句子，可保网页不会再被撑开了。
table{table-layout: fixed;}
td(word-break: break-all; word-wrap:break-word;)
注释一下：
1.第一条table{table-layout: fixed;}，此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
2.td{word-break: break-all}，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句(word-wrap:break-word;)就可以解决。此样式可以让表格中的一些连续的英文单词自动换行.
批量去掉超级链接的虚线框
回到开始处，Onfocus=this.blur()在这里很显然，onfocus是一个事件，this.blur()则是被事件所触发的对象，既然这点明确了，代码就知道该怎么写了。
<public:attach event=”onfocus” nevent=”example()” />
<script. language=”javascript”>
function example(){
this.blur();
}
</script>
将以上代码存为.htc为扩展名的文件，然后再编写一个普通的html网页：
<html>
<head>
<style>
a {behavior.:url(htc文件所在路径地址)}
</style>
<body>
<a href=”#”>链接1</a>
<a href=”#”>链接2</a>
<a href=”#”>链接3</a>
点链接试试，没有虚线框了吧
</body>
</html> 在实际工作中，还找到另外解决的方法：第一就是使用插件（scrubber.mxp）；另一就是使用CSS样式，可加入代码：
a {blr:expression(this.onFocus=this.blur())}，这样，站内所有的文章都实现了无虚线效果了。 全局控制
CSS实现
a{blr:expression(this.onFocus=this.close());}/* 只支持IE，过多使用效率低 */
a{blr:expression(this.onFocus=this.blur());}/* 只支持IE，过多使用效率低 */
a:focus { -moz-outline-style. none; }/* IE不支持 */
|
禁止右键复制
<SCRIPT. LANGUAGE=javascript>
function click() {
alert('禁止你的左键复制！') }
function click1() {
if (event.button==2) {alert('禁止右键点击~！') }}
function CtrlKeyDown(){
if (event.ctrlKey) {alert('不当的拷贝将损害您的系统！') }}
document.onkeydown=CtrlKeyDown;
document.onselectstart=click;
document.onmousedown=click1;
</SCRIPT> |
1、禁止右键，2、禁止选择，3、禁止复制
把<body>换成<body ncontextmenu="return false" nselectstart="return false" ncopy="return false">
导入论坛
收藏
分享给好友
推荐到圈子
管理
举报
TAG:
