常用网页特效代码集
[quote]1.设为首页点击即可把你的网站设置为浏览器的起始页，以后每次启动浏览器都首先打开你的网站。把代码里的“http://oooiou.tengyi.cn”改为你的网址。（注意：在腾讯浏览器中无效）
把如下代码加入<body>区域中:
<span style="CURSOR: hand">设为首页</span>
2.加入收藏
点击即可把你的网站添加到浏览器的收藏菜单下。把代码里的“http://oooiou.tengyi.cn”改为你的网址，把“网络时空”改为你的网站的名称。（注意：在腾讯浏览器中无效）
把如下代码加入<body>区域中:
<script language="JavaScript">
function bookmarkit()
{window.external.addFavorite('http://oooiou.tengyi.cn','网络时空');}
if (document.all)document.write('<a href="##" title="把“网络时空”加入您的收藏夹！">收藏本站</a>')
</script>
3.鼠标感应设为首页、加入收藏
鼠标一到就会提示用户把该页设为主页和加入收藏夹。
把如下代码加入<body>区域中:
<A href="#" target="_self" >收藏本站</A> <a href="#" target="_self">设为主页</a>
4.去掉超链接下划线
有时候看着那超链接的下划线挺讨厌的，把下面这段代码放到HTML的与之间，下划线就无影无踪啦！
把如下代码加入<head>区域中:
<style fprolloverstyle TYPE="text/css"><!--A:link{text-decoration:none}A:visited{text-decoration:none} -->A:hover {color: #ff00ff}</style>
5.页面定时转向
自己设计多长时间由本页跳转到另一页，搬家的网站最适合用了。"5"为停留的秒数，http://oooiou.tengyi.cn是将要跳转的页面。
把如下代码加入<body>区域中:<meta HTTP-EQUIV=refresh C>
6.不被别人放在框架中
有些人把别人做好的网页往自己网页的框架(Frame)里一放，别人的成果就变成了自己的，而且看不出该网页的真实地址！为了防止你的成果被这些人所剽窃，你就可以在你网页的HTML里加入下面这段代码，这样，你的网页便总是在整个窗口中打开了。
把如下代码加入<body>区域中:
<Script LANGUAGE="JavaScript"> if(self!=TOP){TOP.location=self.location;} </script>
7.禁止鼠标右键
如果你不想让辛辛苦苦做出来的东西被人轻易地Copy&Paste走的话，不妨在HTML里加入下面这段代码。当在网页里按下鼠标右键时，出现的不是想要的快捷菜单而是一个警告窗口。“\n\n”表示换行。(点右键是没用了，Copy&Paste不了这些代码了！但按Ctrl+C还是可以复制的，所以这只能是部分限制)
把如下代码加入<head>区域中:
<script language="JavaScript">function click() {if (event.button==2) {alert(' 仅供浏览!谢谢!\n\n若有问题请与我联系!\n\nwebmaster@k688.com\n\nhttp://www.k688.com ') }}document.onmousedown=click</script>
8.绕着鼠标转的音乐光环
<SCRIPT LANGUAGE="JavaScript">
ns = (document.layers)?1:0;
Clrs = new Array ('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00',' 00ff00','ffffff','ff00ff')
yBase = 0;
xBase = 0;
step = 3;
currStep = 0;
Ypos = 0;
Xpos = 0;
if (ns){
for (i = 0; i < 14; i++)
document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/4+','+i/4+'"></LAYER>');
window.captureEvents(Event.MOUSEMOVE);
function nMouse(evnt){
Ypos = evnt.pageY;
Xpos = evnt.pageX;
}
window.onMouseMove = nMouse;
}
else{
document.write('<div style="position:absolute;top:0;left:0"><div style="position:relative">');
for (i=0; i < 14; i++)
{document.write('<div id="me" style="position:absolute;top:0;left:0;width:'+i/4+';heig ht:'+i/4+';font-size:'+i/4+'"></div>')}
document.write('</div></div>');
function iMouse() {
Ypos = event.y+document.body.scrollTop;
Xpos = event.x+document.body.scrollLeft;
}
document.onmousemove = iMouse;
}
function Comet() {
var yBase = (document.layers)? window.innerHeight/4:window.document.body.clientHeight/4 ;
var xBase = (document.layers)? window.innerWidth/4:window.document.body.clientWidth/4;
for (i = 0; i < 14; i++){
var randCol = Math.round(Math.random()*8);
var layer = (document.layers)?document.layers['n'+i]:me .style;
layer.top =Ypos + yBase*Math.cos((currStep+i*4)/12) *Math.cos(0.7+currStep/200);
layer.left = Xpos + xBase*Math.sin((currStep+i*3)/10) *Math.sin(8.2+currStep/400);
if (ns) layer.bgColor = Clrs[randCol];
else
layer.background = Clrs[randCol];
}
currStep += step;
setTimeout("Comet()",10);
}
window.onload = Comet;
</script>
9.状态栏文字从右移向左
<script>
function scrollit_r2l(seed)
{ var m1 = "欢迎您光临本站！请多提意见。谢谢! " ;
var m2 = " " ;
var msg=m1+m2;
var out = " ";
var c = 1;
var speed = 100
if (seed > 100)
{ seed-=2;
var cmd="scrollit_r2l(" + seed + ")";
timerTwo=window.setTimeout(cmd,speed);}
else if (seed <= 100 && seed > 0)
{ for (c=0 ; c < seed ; c++)
{ out+=" ";}
out+=msg; seed-=2;
var cmd="scrollit_r2l(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,speed); }
else if (seed <= 0)
{ if (-seed < msg.length)
{
out+=msg.substring(-seed,msg.length);
seed-=2;
var cmd="scrollit_r2l(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,speed);}
else { window.status=" ";
timerTwo=window.setTimeout("scrollit_r2l(100)",speed);
}
}
}
scrollit_r2l(100);
// -- End of JavaScript code -->
</script>
10.打开新窗口
打开一个页面后，随之弹出一个小窗口，可以做为公告、最新更新或广告之用，很多网站都经常用到的
<head>
<script language="javascript">
window.open('http://oooiou.tengyi.cn','_blank','toolbar= 0,location= 0,directories= 0,status= 0,menubar= 0,scrollbars=None,resizable= 0,copyhistory= 0,width=350,height=220');
</script>
</head>
11. 模拟下雪景象
模拟下雪的景色，雪花大小也是变化的，而且图片可以自由变化
<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">
snow = false; // false-rain; true-snow
snowsym = " * " //These are the symbols for each
rainsym = " * " //You can put images here.
howmany = 15 //How many drops/snowflakes?
/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
</script>
<script language="javascript">
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/16;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</script>
12.点小图出大图
鼠标放到一个图片上后弹出一个更大的宣传图片，做宣传时很实用
<SCRIPT>
document.ns = navigator.appName == "Netscape"
function lqdellload()
{
if (navigator.appName == "Netscape")
{document.lqdell.pageY=pageYOffset+window.innerHeight-200;
document.lqdell.pageX=+window.innerWidth-520;
document.lqdell2.pageY=pageYOffset+window.innerHeight-200;
document.lqdell2.pageX=+window.innerWidth-715;
lqdellmove();
}
else
{
lqdell.style.top=document.body.scrollTop+document.body.offsetHeight-200;
lqdell.style.left=document.body.offsetWidth-520;
lqdell2.style.top=document.body.scrollTop+document.body.offsetHeight-200;
lqdell2.style.left=document.body.offsetWidth-715;
lqdellmove();
}
}
function lqdellmove()
{
if(document.ns)
{
document.lqdell.top=pageYOffset+window.innerHeight-200
document.lqdell.left=+window.innerWidth-520;
document.lqdell2.top=pageYOffset+window.innerHeight-200
document.lqdell2.left=+window.innerWidth-715;
setTimeout("lqdellmove();",5)
}
else
{
lqdell.style.top=document.body.scrollTop+document.body.offsetHeight-200;
lqdell.style.left=document.body.offsetWidth-520;
lqdell2.style.top=document.body.scrollTop+document.body.offsetHeight-200;
lqdell2.style.left=document.body.offsetWidth-715;
setTimeout("lqdellmove();",5)
}
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true)
function lqdellover()
{
if(navigator.appName == "Netscape"){
document.lqdell2.visibility="show";
}else
{
lqdell2.style.visibility="visible";
}
}
function lqdellout()
{
if(navigator.appName == "Netscape"){
document.lqdell2.visibility="hide";
}else
{
lqdell2.style.visibility="hidden";
}
}
if (navigator.appName == "Netscape")
{document.write("<layer id=lqdell top=300 width=64 height=80><a href='http://www.k688.com' onmouseover=lqdellover() onmouseout=lqdellout() border=0 target=_blank><img src=http://www.k688.com/logo1.gif border=0></a></layer>"
+"<layer id=lqdell2><a href='http://www.k688.com' onmouseover=lqdellover() onmouseout=lqdellout() border=0 target=_blank><img src=images/dvb.jpg border=0></a></layer>");
lqdellload()}
else
{
document.write("<div id=lqdell style='position: absolute;width:64;top:300;visibility: visible;z-index: 1'><a href='http://www.k688.com' onmouseover=lqdellover() onmouseout=lqdellout() target=_blank><img src='' border='0'></a></div>"
+"<div id=lqdell2 style='position: absolute;visibility: hidden;z-index: 10'><a href='http://www.k688.com' onmouseover=lqdellover() onmouseout=lqdellout() target=_blank><img src='images/dvb.jpg' border='0'></a></div>");
lqdellload()
}
</SCRIPT>
13.梁山伯与祝英台
两只蝴蝶在网页中飞来飞去，他们都很娇嫩的哟，千万不要点他们，否则……
<script language="JavaScript1.2">
var Ymax=8;
var Xmax=8;
var Tmax=10000;
var floatimages=new Array();
floatimages[0]='butterfly.gif';
floatimages[1]='butterfly.gif';
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);
function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}
function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}
function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}
function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}
function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}
function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}
function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}
function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}
function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}
function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}
function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}
function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs=getid('pic'+i);
if(NS4){
IDs.W=IDs.document.images["p"+i].width;
IDs.H=IDs.document.images["p"+i].height;
}
if(NS6 || IE4){
IDs.W=document.images["p"+i].width;
IDs.H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs.W)), Math.floor(Math.random()*(wind_h-IDs.H)));
if(NS4)IDs.visibility = "show";
if(IE4 || NS6)IDs.style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}
function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}
if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
</script>[/quote] :handshake :handshake :PP: 收藏了 收下啦，好东西啊 ！
页:
[1]