分享

网页页面特效集锦

 大秦快乐之人 2011-07-16


1.页面自动更新

 

<meta http-equiv="refresh" content="60;
url=">

2.网页自动转页

CONTENT="时间(秒);URL=地址"

  


3.点击右键提醒加入书签

  


4.简单的页面加密

<script LANGUAGE="&#106avascript">
<!--
function loopy(){
var sWord ="";
while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}
alert("登陆成功!");}
loopy()
//-->
</script>

5.自动滚屏

<script Language="&#106avascript"><!--
function scrollit(){
for (I=1; I<=500; I++){
parent.scroll(1,I)}}
//-->
</script>

6.去掉窗口滚动条

scroll="no" style="overflow-y:hidden"

加在<body>代码中

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. 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.,青春狂想)")
</SCRIPT>
</body>

17、让IFRAME框架内的文档的背景透明

<iframe src="about:<body style=background:transparent>"
allowtransparency></iframe>

18、打开窗口即最大化

<script language="javascript">
<!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End -->
</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="mailtEmailhost@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="javascript:window.external.addFavorite(,飞腾设计网);">添加到收藏夹</a>

28、设为首页:

<a href=# onclick=this.style.behavior=url(#default#homepage);this.setHomePage
();>设为首页</a>

29、定制浏览器地址栏前的小图标:

A:在网页的<head></head>间加入以下语句:
<link rel="shortcuticon" href="favicon.ico">

即可。其中favicon.ico 尽量为 16x16 的图标文件。

B:加入收藏夹中显示的图标:
<link rel="BOOKMARK" href="favicon.ico">

30、把滚动条放在浏览器窗口的左边

在 <body> 中加 dir=RTL,即

<body dir=RTL>

31、让背景图不滚动

IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动:

<Body Background="图片文件" bgproperties="fixed">

 

 

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多