xuefengf |
职务：论坛版主
级别：骑士
积分：193
经验：379
文章：183
注册：06-04-21 11:47
|
|
 |
 发表: 2006-09-19 11:32:23 人气:12732   | 楼主 |
[分享]几个实用的JS代码
1.加入收藏夹
------------------------------------------------------------
<a href=#onClick=window.external.addFavorite('http://www.bbs3000.com, 'BBS3000) target=_self title=BBS3000>收藏本站</a>
------------------------------------------------------------
2.设为首页
------------------------------------------------------------
<span onclick="varstrHref=window.location.href;this.style.behavior='url(#defau lt#homepage)';this.setHomePage('http://www.bbs3000.com');"
style="CURSOR: hand">设为首页</span>
------------------------------------------------------------
3.保护自己的页面不被放在框架中
------------------------------------------------------------
<Script LANGUAGE="javascript">
if(self!=TOP){TOP.location=self.location;}
</script>[color]
------------------------------------------------------------
4.在状态栏里显示欢迎语
------------------------------------------------------------
<script language="javascript">
<!--
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage
}
function clearMessage() {
this.pos = POSITION
}
var POSITION = 100
var DELAY = 5
var MESSAGE = "欢迎光临bbs3000 "
var scroll = new statusMessageObject()
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "
}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()
}
setTimeout ('scroller()',scroll.delay)
}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75}
else
{jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else {
window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false
}
return true
}
snapIn(100,0);
// -->
</script>
------------------------------------------------------------
5.简单屏蔽右键
------------------------------------------------------------
<script language="javascript">
function click() {if (event.button==2) {alert(' 屏蔽') }}
document.onmousedown=click
</script>
------------------------------------------------------------
6.自动关闭窗口
------------------------------------------------------------
<script><!--function clock(){i=i-1
document.title="本窗口将在"+i+"秒后自动关闭!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=20
clock();
//--></script>
------------------------------------------------------------
7.跳出小窗口
------------------------------------------------------------
<script language="javascript">
window.open("window.html","redriver","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no,width=468,height=60");
</script>
------------------------------------------------------------
8.刷新本页
------------------------------------------------------------
<a href="javascript:location.reload()" target="_self">刷新</a>
------------------------------------------------------------
9.跳出窗口
------------------------------------------------------------
<script language="javascript">
window.open("window.html","redriver","toolbar=no, status=no,menubar=no, scrollbars=no,resizable=no,width=468,height=60");
</script>
------------------------------------------------------------
10.屏蔽右键并自动导航
------------------------------------------------------------
<script language="javascript">
if (navigator.appName.indexOf("Internet Explorer") != -1)
document.onmousedown = noSourceExplorer;
function noSourceExplorer()
{
if (event.button == 2 | event.button == 3)
{
alert("禁止右键...去bbs3000吧");
location.replace("http://bbs3000.com";);
}
}
</script>
------------------------------------------------------------
11.进入页面之前要求输入密码
------------------------------------------------------------
<script language="javascript">
function password() {
var testV = 1;
var pass1 = prompt('请输入密码(密码是welcome):','');
while (testV < 3) {
if (!pass1)
history.go(-1);
if (pass1 == "welcome") {
alert('密码正确!');
break;
}
testV+=-1;
var pass1 =
prompt('密码错误!请重新输入:');
}
if (pass1!="password" & testV ==3)
history.go(-1);
return " ";
} ; ;
document.write(password());
</script>
------------------------------------------------------------
12.仅弹出一次窗口
------------------------------------------------------------
把< body>中内容改为: < body onunload="loadpopup()">
<SCRIPT language="javascript">
<!--
function openpopup(){
window.open("welcome.htm","","width=300,height=300")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = documents.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
documents.cookie="popped=yes"
}
}
//-->
</SCRIPT>[color]
------------------------------------------------------------
13.自动选出最快站点
------------------------------------------------------------
<html><head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta http-equiv="refresh" content="5;url=./">
<title>自动选择最快站点</title></head>
<center><br>
<p>
<br>
<font color=blue size=7><br><br>
请稍候，正在选择速度最快站点......</p>
<script>
i=1
var autourl=new Array()
autourl[1]="http://www.bbs3000.com";
autourl[2]="http://www.sina.com.cn";
autourl[3]="http://www.aaa.com.cn";
function auto(url){if(i){i=0;top.location=url}}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src="+autourl<em>+" width=1 height=1 onerror=auto('"+autourl<em>+"')>")}
run()
</script>
</body></html>
------------------------------------------------------------
14.不让页面脱离相应的框架结构
------------------------------------------------------------
< script language="javascript" > if(self==top){self.location.href="url";} < /script >
------------------------------------------------------------
15.禁止另存为
------------------------------------------------------------
<NOSCRIPT><IFRAME SRC=*.html></IFRAME></NOSCRIPT>
------------------------------------------------------------
16.鼠标移到单元格单元格变色
------------------------------------------------------------
在单元格的<td>标记里加上：onMouseOut="this.style.backgroundColor= '' "onMouseOver=this.style.backgroundColor='D9E2F7'
------------------------------------------------------------
17.网页加入音乐的方法
------------------------------------------------------------
如何为网页设置背景音乐 （方法一）
代码：<EMBED src="js/combine/song1.MID" autostart="true" loop="2" width="80" height="30"></embed>
src：音乐文件的路径及文件名；
autostart：true为音乐文件上传完后自动开始播放，默认为false（否） loop：true为无限次重播，false为不重播，某一具体值（整数）为重播多少次
volume：取值范围为“0-100”，设置音量，默认为系统本身的音量 starttime：“分：秒”，设置歌曲开始播放的时间，如，starttime=“00:10”，从第 10开始播放
endtime： “分：秒”，设置歌曲结束播放的时间
width：控制面板的宽
height：控制面板的高
controls：控制面板的外观
controls=“console/smallconsole/playbutton/pausebutton/stopbu tton/volumeleve r”
·console：正常大小的面板
·smallconsole：较小的面板
·playbutton：显示播放按钮
·pausebutton：显示暂停按钮
·stopbutton：显示停止按钮
·volumelever：显示音量调节按钮 hidden：为true时可以隐藏面板
如何为网页设置背景音乐 （方法二）
利用JS来完成，可以兼容Opera和Netscape（推荐）
<script language="javascript">
<!-- Begin
var MSIE=navigator.userAgent.indexOf("MSIE");
var NETS=navigator.userAgent.indexOf("Netscape");
var oPER=navigator.userAgent.indexOf("Opera");
if((MSIE>-1) || (OPER>-1)) {
document.write("<BGSOUND SRC=\"birth.mid\" LOOP=INFINITE>");
} else {
document.write("<EMBED SRC=\"birth.mid\" width=2 height=1 loop = true autostart = true AUTOSTART=TRUE ");
}
// End -->
</script>
------------------------------------------------------------
18.自己制作鼠标
------------------------------------------------------------
以下代码加入<head>区域
<style>
a{text-decoration:none; cursor: url('link.ani')}
a:hover{TEXT-DECORATION:underline overline; cursor: url('link.ani')}
body {font-family:arial,helvetica,Tahoma; font-size: 9pt; cursor: url('body.cur')}
TD{font-size:9pt}
</style>
先做两个图标body.cur , link.ani即可 | |
|
|
