实例技巧:网页效果集合

此去经N1an丶

此去经N1an丶

2016-02-19 19:54

下面图老师小编要跟大家分享实例技巧:网页效果集合,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

1。忽视右键

body
 或
body style="overflow-y:hidden" 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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="#"
 文字或图片/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()
 //--
 /script

5。拉动页面时背景图不动

style
 body{background-image:url(Logo.gif);
 background-repeat:no-repeat;background-position:center}
 /style

6。让浏览器在保存页面时保存失败

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

NOSCRIPTiframe src="*.html"/iframe/NOSCRIPT

7。随机替换图片

 script
 document.write(img src="http://www./Files01/BeyondPic/2007-5/24/0752421415582141.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) //毫秒 }
 /script
 然后再在body标内加入如:body

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
 这个窗口会在10秒过后自动关闭,而且不会出现提示.
 /body
 /html

10。网页自动刷新

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

11。网页自动转页

 META HTTP-EQUIV="Refresh" C

12。保持layer在最前面,而不被Iframe、Object所覆盖

 在Layer中再插Iframe 或 Object 设z-Index值
 div z-Index:2object xxx/object # 前面
 div z-Index:1object 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

展开更多 50%)
分享

猜你喜欢

实例技巧:网页效果集合

Web开发
实例技巧:网页效果集合

网页表单设计实例技巧五则

Web开发
网页表单设计实例技巧五则

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS制作网页技巧:单图片按钮实例

Web开发
CSS制作网页技巧:单图片按钮实例

CSS技巧:网页文字渐变效果

Web开发
CSS技巧:网页文字渐变效果

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML:网页刷新方法集合

Web开发
HTML:网页刷新方法集合

CSS网页制作实例教程:非常酷的日期效果

Web开发
CSS网页制作实例教程:非常酷的日期效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS应用小技巧十四例

CSS应用小技巧十四例

Access2000教程:6.3怎样让方格中的数据全部显示出来?

Access2000教程:6.3怎样让方格中的数据全部显示出来?
下拉加载更多内容 ↓