当前位置:首页>>软件教程>>网页制作>>新闻内容
网页制作技巧之二(15条)
作者: 发布时间:2003-10-7 14:58:51 文章来源:转自pconl

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>


最新更新
·如何去掉ECShop2.7中的Powered by ECSh
·在IE7下生成高质量CSS缩略图
·解决Dreamweaver打开和关闭时出现JavaS
·影响搜索引擎排名的因素2009版
·IE6/IE7/IE8/Firefox/Chrome/Safari的C
·Flash对联广告及关闭按钮制作方法
·Discuz! 7中如果设置帖子中显示图片而不
·5种方法立刻写出更好的CSS代码
·兼容IE和Firefox的按图片宽度缩放的CSS
·兼容Firefox和IE浏览器的“加入收藏”代
相关信息
·网页针对搜索引擎的加注技巧
·PS中的Actions批处理动作应用技巧
·网页制作技巧之一(24条)
画心
愚爱
偏爱
火苗
白狐
画沙
犯错
歌曲
传奇
稻香
小酒窝
狮子座
小情歌
全是爱
棉花糖
海豚音
我相信
甩葱歌
这叫爱
shero
走天涯
琉璃月
Nobody
我爱他
套马杆
爱是你我
最后一次
少女时代
灰色头像
断桥残雪
美了美了
狼的诱惑
我很快乐
星月神话
心痛2009
爱丫爱丫
半城烟沙
旗开得胜
郎的诱惑
爱情买卖
2010等你来
我叫小沈阳
i miss you
姑娘我爱你
我们都一样
其实很寂寞
我爱雨夜花
变心的玫瑰
犀利哥之歌
你是我的眼
你是我的OK绷
贝多芬的悲伤
哥只是个传说
丢了幸福的猪
找个人来爱我
要嫁就嫁灰太狼
如果这就是爱情
我们没有在一起
寂寞在唱什么歌
斯琴高丽的伤心
别在我离开之前离开
不是因为寂寞才想你
爱上你等于爱上了错
在心里从此永远有个你
一个人的寂寞两个人的错