网页页面特效集锦

最新推荐文章于 2025-12-18 10:02:55 发布

转载最新推荐文章于 2025-12-18 10:02:55 发布 · 678 阅读

文章标签：

#iframe #function #transition #scroll #javascript #浏览器

1.页面自动更新
<meta http-equiv="refresh" content="60;
url=http://my.bipage.ca/ltjk/index1.htm">

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

3.点击右键提醒加入书签
<SCRIPT language=＆#106avascript></SCRIPT>

4.简单的页面加密
　<script LANGUAGE="＆#106avascript">
　
　</script>

5.自动滚屏
<script Language="＆#106avascript"></script>

6.去掉窗口滚动条
scroll="no" style="overflow-y:hidden"

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

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

9.自动开启和关闭窗口
<script Language="＆#106avascript">
function winopen1(){
打开的窗口名=open("nb","Homepage","toolbar=no,location=no,
directories=no,status=no,menubar=no,scrollbars=no,resizable=no,
copyhistory=no,width=160,height=200,left=200,top=100"); }
</script><a href ＆#111nMouseOver="winopen1();return true;"＆#111nMouseOut="打开的窗口名.close();">
<p>这里是连接</a></p>

10.固定背景图不动
　<style>
　body{background-image:url(logo.gif);
　background-repeat:no-repeat;background-position:center}
　</style>

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

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

13.禁止查看源代码
<SCRIPT language=＆#106avascript>
function click() {if (event.button==2) {alert(你想干嘛！);}}document.＆#111nmousedown=click
</SCRIPT>

14.页中页
<iframe name="main" src=http://www.sje.com.cn width="350" scrolling="NO" height="380" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0"></iframe>

<iframe src="123.htm" width="360" height="240" scrolling="auto"></iframe>

15.如何在dw中设置flash背景为透明
wmode=transparent

16.滚动的文字

<marquee direction=up height=130 scrollamount=1
scrolldelay=100 style="COLOR: #800000; FONT-SIZE: 9pt"
width=148
150?> 大家好！</marquee>

<body>
<SCRIPT language=javascript1.2>
if (document.all)
document.body.onmousedown=new Function("if (event.button==2||event.button==3)window.external.addFavorite(http://www.5dci.com,青春狂想)")
</SCRIPT>
</body>

17、让IFRAME框架内的文档的背景透明
<iframe src="about:<body style=background:transparent>"
allowtransparency></iframe>

18、打开窗口即最大化
<script language="javascript">

</script>

19、能隐藏IFRAME的滚动条吗？我知道的三种方法:
（1）. 设置iframe scrolling="no"
（2）. 被包含页body应用overflow:hidden
（3）. 被包含页的body标签加scroll="no"

20、细线分隔线
<hr noshade size=0 color=#C0C0C0>

21、网页过渡方式

<meta http-equiv="Page-Exit"
content="revealTrans(Duration=3,Transition=5)">
Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式

22、如何控制横向和纵向滚动条的显隐？
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显

23、怎样在 FrontPage2000 中加入 Flash 动画?
在 FrontPage2000 中,点击[插入]->[高级]->[插件]，在弹出的窗口中，设置一下 Flash 文件的大小及其它信息，确定即可。

24、加入注释的格式是：　　　
<!-［注释内容…］-->

25、怎样在网页中加入 E-mail 链接并显示预定的主题?
<A href="mailto:Emailhost@263.net?subject=主题">……</a>

26、定义本网页关键字，可以在〈Head〉〈/Head〉中加入如下代码：　
<meta name="Keywords" content="china,enterprise,business,net">　　
Content 中所包含的就是关键字,你可以自行设置。　　
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如：
<meta name="Keywords" content="china,china,china,china">

添27、加到收藏夹：
<a href="BLOCKED SCRIPTwindow.external.addFavorite(http://链接,说明
);">添加到收藏夹</a>

28、设为首页：
<a href=# onclick=this.style.behavior=url(#default#homepage);this.setHomePage
(http://链接);>设为首页</a>

29、定制浏览器地址栏前的小图标：
A:在网页的<head></head>间加入以下语句：<link rel="shortcuticon" href="favicon.ico">即可。其中favicon.ico 尽量为 16x16 的图标文件。
B：加入收藏夹中显示的图标： <link rel="BOOKMARK" href="favicon.ico">

30、把滚动条放在浏览器窗口的左边
A:在 <body> 中加 dir=RTL，即 <body dir=RTL>。

31、让背景图不滚动
IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:
<Body Background="图片文件" bgproperties="fixed">