::NoName Magazine 无名杂志 » 设计无名 » 常用的javascript特效代码


2006-7-23 15:17 Mulder
常用的javascript特效代码

1.如何去掉超链接的下划线:
在网页制作过程中,当我们设置了超链接。那么默认文字就程蓝色、并且带有下划线。当然我们也可以去掉显示的下划线。只要在网页的<head>与</head>之间加入下列代码就OK.


[code]<style fprolloverstyle TYPE="text/css">
A:link{text-decoration:none}A:visited{text-decoration:none}
A:hover {color: #ff00ff}
</style> [/code]


2.加入收藏
点击即可把你的网站添加到浏览器的收藏菜单下。把代码里的“http://www.saicn.com”改为你的网址,把“无名杂志”改为你的网站的名称。


[code]<a href=# onClick=window.external.addFavorite('http://www.saicn.com','无名杂志)
target=_self title=无名杂志>收藏本站</a> [/code]



3.设为首页:
点击即可把你的网站设置为浏览器的起始页,以后每次启动浏览器都首先打开你的网站。把代码里的“http://www.saicn.com”改为你的网址。


[code]<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.saicn.com');"
style="CURSOR: hand">设为首页</span> [/code]



4.保护自己的页面不被别人放在框架中
有些人把别人做好的网页往自己网页的框架(Frame)里一放,别人的成果就变成了自己的,而且看不出该网页的真实地址!为了防止你的成果被这些人所剽窃,你就可以在你网页的HTML里加入下面这段代码,这样,你的网页便总是在整个窗口中打开了。


[code]<Script LANGUAGE="JavaScript">
if(self!=TOP){TOP.location=self.location;}
</script> [/code]



5.页面自动跳转

访问某个网页时,自动在x秒后跳转到另一个页面。
html代码: 你只需在html文件的<head>和</head>之间加入下面这段原代码:
其中10是代表显示的时间秒数,xxx.htm是跳转页面的路径 。


[code]<META HTTP-EQUIV="Refresh" Content="10;URL=xxx.htm"> [/code]



6. 如何在网页中加入EMAIL链接并显示预定的主题


[code]< a href="mailto:yourmail@***.xxx?Subject=你好">Send Mail< /a>[/code]



7. 如何自动加入最后修改日期
在源代码中的<BODY>…< /BODY>之间加入如下代码:


[code]< Script Language="javascript"><!--
document.write("Last Updated:"+document.lastModified);
-->< /Script>[/code]



8. 如何将网页定时关闭
在源代码中的<BODY>后面加入如下代码: ,单位是豪秒,60000为一分钟

[code]
< script LANGUAGE="javascript"> <!--
setTimeout('window.close();', 60000);
--> < /script> [/code]



9. 如何设置命令来关闭打开的窗口
在源代码中加入如下代码:


[code]< a href="/" onclick="java script:window.close(); return false;">关闭窗口< /a>[/code]


10. 如何隐藏状态栏里出现的LINK信息
代码:

[code]
<body onmouseover="self.status='文字';return true"> [/code]



11、禁止页面正文内容被选取


[code]<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()"> [/code]



12.防止点击空链接时,页面往往重置到页首端。


[code]“javascript :void(null)”代替原来的“#”标记 [/code]



13、页面定时刷新


[code]<meta http-equiv="Refresh" content="秒" > [/code]



14、禁止右键


[code]<html>
<head>
<script>
function stop(){
alert("你想干什么?");
return false;
}
document.oncontextmenu=stop;
</script> [/code]



15、禁示查看源代码
已经禁了右键,但从"查看"菜单下的"源文件"中同样可以看到源代码,下面我们就来解决这个问题:
其实这只要使用一个含有<frame></frame>标记的网页便可以达到目的。 这样当有人使用"查看"下的"源文件"的时候,看到的将是上面的那段代码,而你真正的文件又躲过一劫。


[code]<frameset>
<frame src="你要保密的文件的URL">
</frameset> [/code]



16、禁示另存为
通过上面的两步好像你的源代码已经安全了,但别忘了,别人还可以将你的页面保存下来,再慢慢分析。不过别担心,下面我们来解决这个问题。
在你要保密的网页中加入以下代码:


[code]<noscript><iframe src="*.htm"></iframe></noscript> [/code]



17、彻底屏蔽右键方法。


[code]<body oncontextmenu="return false"> [/code]



18. 防止复制


[code]oncopy="return false;" oncut="return false;" [/code]



19.IE地址栏前换成自己的图标


[code]<link rel="Shortcut Icon" href="favicon.ico">[/code]



20. 可以在收藏夹中显示出你的图标


[code]<link rel="Bookmark" href="favicon.ico">[/code]



21.隐藏IFRAME的滚动条


[code]1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden
3. 被包含页的body标签加scroll="no" [/code]



22.加入背景音乐
适用于IE :


[code]<bgsound src="mid/windblue[1].mid" loop="-1"> [/code]

对Netscape ,IE 都适用


[code]<embed src="music.mid" autostart="true" loop="true" hidden="true">[/code]



23.嵌入网页


[code]<iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe> [/code]

页: [1]


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.