一些实用的JS代码。

按扭特效:

1.全屏显示
说明:真正的全屏显示,只能用ALT+F4关闭
代码:<input type="BUTTON" name="FullScreen" value="全屏显示" onClick="window.open(document.location, 'www_helpor_net', 'fullscreen')">


2.打开一个全屏窗口
说明: 用按钮打开一个全屏窗口
代码:<input type="button" onClick="www_helpor_net()" value="试试看" name="button">

<script>
<!--
function www_helpor_net(){
var targeturl="http://www.helpor.net"
newwin=window.open("","","scrollbars")
if (document.all){
newwin.moveTo(0,0)
newwin.resizeTo(screen.width,screen.height)
}
newwin.location=targeturl
}
//-->
</script>


3.各种用途的按钮大集合
说明:各种用途的按钮大集合
代码:<input TYPE="button" NAME="view" VALUE="查看源代码" OnClick="window.location='view-source:' +window.location.href" >

<input TYPE="button" VALUE="返回上一步" ONCLICK="history.back(-1)">

<input TYPE="button" VALUE="刷新按钮一" ONCLICK="ReloadButton()">
<script language="JavaScript">
<!--
function ReloadButton(){location.href="3.html";}
// -->
</script>

<p>
<input TYPE="button" VALUE="刷新按钮二" onClick="history.go(0)">

<input TYPE="button" VALUE="回首页按钮" ONCLICK="HomeButton()">
<script language="JavaScript">
<!--
function HomeButton(){location.href="http://www.helpor.net";}
// -->
</script>

<input TYPE="button" VALUE="弹出警告框" ONCLICK="AlertButton()">
<script language="JavaScript">
<!--
function AlertButton(){window.alert("今天你喝了没有?smile.gif");}
// -->
</script>

<p>
<input TYPE="button" VALUE="状态栏信息" ONCLICK="StatusButton()">
<script language="JavaScript">
<!--
function StatusButton(){window.status="你好吗?smile.gif";}
// -->
</script>

<input TYPE="button" VALUE="背景色变换" onClick="BgButton()">
<script language="JavaScript">
<!--
function BgButton(){
if (document.bgColor=='#3399ff')
{document.bgColor='#00ccff';}
else{document.bgColor='#3399ff';}
}
// -->
</script>

<input TYPE="button" VALUE="打开新窗口" ONCLICK="NewWindow()">
<script language="JavaScript">
<!--
function NewWindow(){window.open("http://www.helpor.net","","height=600,width=800,left=10,top=10,status=no,location=no,toolbar=no, directories=no,menubar=no");}
// -->
</script>


4. 特殊效果的按钮
说明: 特殊效果的按钮
代码:<style type="text/css">
<!--
.over {color:yellow; background: navy}
.down {color:yellow; background: navy; font-style: italic}
-->
</style>
<input
type="Button" value="按钮也疯狂" name="Button"
onMouseOver="this.className='over';"
onMouseOut="this.className='';this.value='按钮也疯狂'"
onMouseDown="this.className='down';"
onMouseUp="this.className='over';"
onClick="this.value='我真的好喜欢你!'">


5.让屏幕抖动一阵
说明:让屏幕抖动一阵
代码:<input onclick="www_helpor_net(2)" type="button" value="地震啦!!!">
<script language="JavaScript">
<!--
function surfto(form) {
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != null) {
parent.main.location.href=form.select1.options[myindex].value;
}
}
// -->
</script>
<script language="JavaScript1.2">
<!--
function www_helpor_net(n) {
if (window.top.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
window.top.moveBy(0,i);
window.top.moveBy(i,0);
window.top.moveBy(0,-i);
window.top.moveBy(-i,0);
}
}
}
alert(" 没吓坏吧!!! ");
}
// -->
</script>





cookie

1.记录登陆次数
说明:记录访客的来访次数,并根据作出不同的提示信息
效果:你已经光临本页1次!
欢迎光临本站,觉得本站内容如何?
代码:<script language="JavaScript">
<!--
function www_helpor_net(offset)
{
var endstr=document.cookie.indexOf(";",offset);if(endstr==-1)
endstr=document.cookie.length;return unescape(document.cookie.substring(offset,endstr));}
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return www_helpor_net(j);
i=document.cookie.indexOf(" ",i)+1;if(i==0)
break;
}
return null;
}

function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(2<argc)?argv[2]:null;
var path=(3<argc)?argv[3]:null;
var domain=(4<argc)?argv[4]:null;
var secure=(5<argc)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}

var expdate=new Date();
var visits;

expdate.setTime(expdate.getTime()+(24*60*60*1000*365)); //设置COOKIES时间为1年,自己随便设置该时间

if(!(visits=GetCookie("visits")))
visits=0;visits++;SetCookie("visits",visits,expdate,"/",null,false);
//以下信息显示可以使用标准的HTML语法,自己随便设置
document.write("你已经光临本页"+"<FONT COLOR=red>"+visits+"</FONT>"+"次!");
if(visits==1)//来访1次的信息显示
document.write("<br>"+"欢迎光临本站,觉得本站内容如何?");
if(visits==2)//来访2次的信息显示,以下类推,自己随便增加
document.write("<br>"+"再次光临不胜容幸!今后要常来啊!欢迎点击本站广告。");
if(visits==3)
document.write("<br>"+"常客,在本站的论坛发个帖子如何?");
if(visits==4)
document.write("<br>"+"你这个疯子!");
if(visits>=5)
document.write("<br>"+"疯狂的家伙!我真的非常喜欢你。");
//-->
</SCRIPT>


2.自动关闭弹出式窗口
说明: 跟随页面弹出的窗口在规定时间内自动关闭,而且不作任何提示
效果:注意看弹出的那个窗口,它将在10秒钟后自动关闭!
代码:<script language="JavaScript">
<!--
url="popup.htm"
window.open(url, 'www_helpor_net', 'width=468,height=60,resizable=1,scrollbars=no,left=100,top=50')
-->
</script>

然后,在相同目录下新建一个popup.htm网页(注意要与上面的url对应!),用于显示在弹出窗口中。在新建文件的源代码中加入如下代码:
<script language="JavaScript">
function closeit() {
setTimeout("self.close()",10000)
}
closeit()
</script>



3.只弹出一次窗口
说明:窗口只在第一次访问时弹出
效果:刷新一下看看,刚才弹出底那个窗口不会再弹出了!
代码:<script language="JavaScript">
<!--
function openpopup(){
url="popup.htm"
window.open(url,"www_helpor_net","width=468,height=60,left=200,top=50")
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function helpor_net(){
if (get_cookie('popped')==''){
openpopup()
document.cookie="popped=yes"
}
}
helpor_net()
//-->
</SCRIPT>


4.记录页面更新时间
说明:自动记录、显示页面更新时间
效果:本页最后更新日期: 05/06/2005 18:33:25
代码:<script language="JavaScript">
<!--
document.write("本页最后更新日期: " + document.lastModified)
-->
</script>



5.显示屏幕分辨率
说明:显示访客的屏幕分辨率
效果:我猜,你的屏幕分辨率是1024x768,对不对?
代码:<script language="JavaScript">
document.write("我猜,你的屏幕分辨率是"+screen.width+"x"+screen.height+",对不对?")
-->
</script>



6.显示浏览器名
说明:显示访客的浏览器类型
效果:我猜,你的浏览器是Microsoft Internet Explorer,对不对?
代码:<script language="JavaScript">
document.write("我猜,你的浏览器是"+navigator.appName+",对不对?")
-->
</script>



7.显示系统信息
说明:显示访客的系统信息
效果:我猜,你的系统是:
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1),
对不对?
代码:<script language="JavaScript">
document.write("我猜,你的系统是:<br>"+navigator.userAgent+",<br>对不对?")
-->
</script>
posted @ 2006-07-27 15:08  吹吹风----NICK  阅读(300)  评论(0编辑  收藏  举报