登录
/
注册
全站首页
社区论坛
求职招聘
设为首页
客户端
扫码下载客户端
官方微信
打开微信扫一扫
广告联系
登录
|
注册
搜索
搜索
本版
帖子
用户
用户名
Email
自动登录
找回密码
密码
登录
立即注册
全站首页
社区论坛
求职招聘
签到排行
用户排行
帖子
好友
道具
收藏
勋章
任务
淘帖
动态
日志
相册
分享
记录
留言板
广播
群组
门户
导读
排行榜
设置
我的收藏
退出
门户
房产
装修
汽车
婚嫁
资讯
活动
招聘
相亲
信息
租房
二手房
跳蚤
宠物
招聘
二手车
亲子
手机
社区
茶座
我要买房
找设计
装修家居
交友
职场
生活
网购
情感
皋城车友
找美食
谈婚论嫁
求医
兴趣
验房
走近
六安论坛
»
社区论坛
›
兴趣爱好
›
电脑数码
›
网页制作中一些不常见的技巧
返回列表
发新帖
回复
阅读
1201
回复
6
网页制作中一些不常见的技巧
[复制链接]
xyz611
xyz611
当前离线
积分
182
IP卡
狗仔卡
发表于 2005-7-19 02:55
|
显示全部楼层
|
阅读模式
原文出处应该是51js吧,几年前收集的,记不大清了
1、 去掉IE的滚动条
有时候做好的网页明明没有超出窗口,可IE却偏偏给加上滚动条,这样看上去很不舒服,其实这也是可以通过一些小技巧避免的。具体如下:
<body style=”overflow-x:hidden”>…</body> //去掉X轴方向的滚动条
<body style=”overflow-y:hidden”>…</body> //去掉Y轴方向的滚动条
<body style=”overflow:hidden”>…</body> //去掉全部的滚动条
现在你看到的和你想像中的网页应该一样了吧,如果其中有什么不明白的地方可以参照注释中的说明。
2、 使网页中的复制无效
有方法防止网页被保存了(参见《你别看我的源[wiki]代码[/wiki]》),可不可以也防止网页内容被复制呢?答案是当然可以。看看下面的例子你就会明白的。
<html>
<head>
<script language=”javascript”>
function nocopy() {
alert(“对不起,你不能非法复制本站内容”);
event.returnValue=false;
}
</script>
</head>
<body oncopy=”nocopy()”>copyright by commander.</body>
</html>
这其实中是利用了document的一个oncopy事件,也就是说当发生复制事件时,弹出警告框,同时事件(event)的返回值为false使oncopy事件失效,从而达到防止复制的目的。
3、 用脚本控制浏览器
看到标题是不是有点不相信,那么试试下面的这几个例子吧!你一定会吃惊的。
在<body>和</body>之间加入如下代码:
<button onclick=”document.execCommand(‘open’)”>打开</button>
<button onclick=”document.execCommand(‘saveas’)”>另存为…</button>
<button onclick=”document.execCommand(‘print’)”>打印</button>
上面其实都是利用了document.execCommand()这个内置的函数,其参数为相应的浏览器命令,还有很多命令就留给大家自己发现吧!
4、 IFrame也可以编辑文字
有没有想过除了表单(<form>)之外还有其它的网页元素可以编辑文字呢?只要使用IFrame的隐藏的一个属性就可以使IFrame成为一个文本编辑器。
<html>
<body onload=”editer.document.designMode=’On’”>
<IFrame ID=”editer”></IFrame>
</body>
</html>
其中designMode属性表示IFrame的设计模式的状态(开/关),还在犹豫什么呢,快试试吧!
只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器。
<html>
<body onload=”imgEditer.document.designMode=’On’;imgEditer.document.write(‘<img src=图片.gif>’)”>
<IFrame id=”imgEditer”></IFrame>
</body>
</html>
用[wiki]鼠[/wiki]标点击图片是不是有新的发现,其实大家只要利用自己的想[wiki]象[/wiki]和充分利用这个属性一定能做出更多的[wiki]花[/wiki]样来,别忘了到时候有什么新的东东,告诉我一声呀!(Email:BluePBoy@yesky.com)
5、 打开硬盘
这是打开硬盘的另一种方法,把它写出来只是想告诉大家,要达到同一个目的有很多种方法,这里就是利用了表单的Action属性达到的,其实打开硬盘有很多种方法,只是这种不太被人们注意,所以这里就选择了这种方法。
<form action=file://c|><input type=”submit” value=”打开C盘”></form>
六安论坛
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
Genet
Genet
当前离线
积分
10346
IP卡
狗仔卡
发表于 2005-7-19 02:59
|
显示全部楼层
都是些编程代码,都是在做网页时的啊
六安论坛
回复
鲜花
臭蛋
使用道具
举报
显身卡
xyz611
xyz611
当前离线
积分
182
IP卡
狗仔卡
楼主
|
发表于 2005-7-19 04:04
|
显示全部楼层
是,标题上有说明白的
六安论坛
回复
鲜花
臭蛋
使用道具
举报
显身卡
小秦先生
小秦先生
当前离线
积分
50
IP卡
狗仔卡
发表于 2005-9-22 06:25
|
显示全部楼层
没有什么意思!!
六安论坛
回复
鲜花
臭蛋
使用道具
举报
显身卡
快乐的心晴
快乐的心晴
当前离线
积分
403
IP卡
狗仔卡
发表于 2005-9-24 05:24
|
显示全部楼层
都是一些 JS码。。。没什么大用途 用在ASP里 好像不太合适啊。
六安论坛
回复
鲜花
臭蛋
使用道具
举报
显身卡
西瓜
西瓜
当前离线
积分
5840
IP卡
狗仔卡
发表于 2005-9-24 23:33
|
显示全部楼层
我是看不懂 哎~~~~ 本人对软件那个是菜啊 。。。。。。。。
六安论坛
回复
鲜花
臭蛋
使用道具
举报
显身卡
木林森
木林森
当前离线
积分
1832
IP卡
狗仔卡
发表于 2005-10-5 04:41
|
显示全部楼层
不常用
六安论坛
回复
鲜花
臭蛋
使用道具
举报
显身卡
返回列表
发新帖
回复
登录
|
注册
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
侵权举报:本页面所涉内容为用户发表并上传,相应的法律责任由用户自行承担;本网站仅提供存储服务;如存在侵权问题,请权利人与本网站联系删除!举报微信号:
点击查看