当前位置:首页>>软件教程>>网页制作>>新闻内容  
网页制作技巧之二(15条)
作者: 发布时间:2003-10-7 14:58:51 | 【字体:

1、忽视右键
<body oncontextmenu="return false">或<body style="overflow-y:hidden">

2、加入背景音乐
IE:<bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true></embed>
*.mid你的背景音乐的midi格式文件

3、简单的window.open方法
<a href="#"
 onclick="javascript:window.open('文件路径/文件名','newwindow',
 'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
 width=400,height=300');">文字或图片</a>

 参数解释:
 <SCRIPT LANGUAGE="javascript"> js脚本开始;
 window.open 弹出新窗口的命令;
 '文件路径/文件名'' 弹出窗口的文件名;
 'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
 width=400 窗口宽度;
 height=300 窗口高度;
 top=0 窗口距离屏幕上方的象素值;
 left=0 窗口距离屏幕左侧的象素值;
 toolbar=no 是否显示工具栏,yes为显示;
 menubar,scrollbars 表示菜单栏和滚动栏。
 resizable=no 是否允许改变窗口大小,yes为允许;
 location=no 是否显示地址栏,yes为允许;
 status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
 </SCRIPT> js脚本结束

4、简单的页面加密
 <script LANGUAGE="JAVASCRIPT">
 <!--
 function loopy(){
  var sWord ="";
  while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}
  alert("登陆成功!");
 }
 loopy()
 file://-->
 </script>

5、拉动页面时背景图不动
 <style>
 body{background-image:url(logo.gif);
 background-repeat:no-repeat;background-position:center}
 </style>

6、让浏览器在保存页面时保存失败
<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>

7、随机替换图片
<script>
 document.write('<img src="img/'+parseInt(Math.random()*(5))
 +'.gif"height="40" width="50">')
</script>

 图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

8、窗口定时关闭
先将如下代码网页文件的区:
 <script language="JavaScript">
 function closeit() { setTimeout("self.close()",10000) file://毫秒 }
 </script>
然后再在<body>标内加入如:<body onload="closeit()">

9、网页自动关闭
 <html>
 <head>
 <object id=closes type="application/x-oleobject"
 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
 <param name="Command" value="Close">
 </object>
 </head>
 <body onload="window.setTimeout('closes.Click()',10000)">
 这个窗口会在10秒过后自动关闭,而且不会出现提示.
 </body>
 </html>

10、网页自动刷新
在head部记入
 <META HTTP-EQUIV="Refresh" content="20">
其中20为20秒后自动刷新,你可以更改为任意值。

11、网页自动转页
<META HTTP-EQUIV="Refresh" CONTENT="时间(秒);URL=地址">

12、保持layer在最前面,而不被Iframe、Object所覆盖
在Layer中再插Iframe 或 Object 设z-Index值
 <div z-Index:2><object xxx></object> # 前面
 <div z-Index:1><object xxx></object> # 后面
 <div id="Layer2" style="position:absolute; top:40;width:400px;
 height:95px;z-index:2"> height=100% width=100%>
 <iframe width=0 height=0></iframe>
 </div>
 <div id="Layer1" style="position:absolute; top:50;width:200px;
 height:115px;z-index:1">
 <iframe height=100% width=100%></iframe>
 </div>

13、返回上一页
<a href='javascript:history.back(1)'>『返回上一页』</a>

14、关闭窗口
<a href='javascript:self.close()'>『关闭窗口』</a>

15、关于iframe的透明背景
<IFRAME ID="iFrame1" SRC="iframe.htm"
 allowTransparency="true"
STYLE="background-color: green"></IFRAME>


文章来源:转自pconl
·网页针对搜索引擎的加注技巧
·PS中的Actions批处理动作应用技巧
·网页制作技巧之一(24条)
 放生
 愚爱
 够爱
 触电
 白狐
 葬爱
 光荣
 画心
 火花
 稻香
 小酒窝
 下雨天
 右手边
 安静了
 魔杰座
 你不像她
 边做边爱
 擦肩而过
 我的答铃
 怀念过去
 等一分钟
 放手去爱
 冰河时代
 你的承诺
 自由飞翔
 原谅我一次
 吻的太逼真
 左眼皮跳跳
 做你的爱人
 一定要爱你
 飞向别人的床
 爱上别人的人
 感动天感动地
 心在跳情在烧
 玫瑰花的葬礼
 有没有人告诉你
 即使知道要见面
 爱上你是一个错
 最后一次的温柔
 爱上你是我的错
 怎么会狠心伤害我
 不是因为寂寞才想
 亲爱的那不是爱情
 难道爱一个人有错
 寂寞的时候说爱我