网页小技巧

以下资料来源于:http://wsr.y365.com/index18.htm

<A href="javascript:window.external.AddFavorite('http://wsr.y365.com','[阿荣空间]')">将本屋加入收藏夹</a>

将以下代码加在〈body> :

</div><script language="JavaScript">

<!--

if (yyns4)

{if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }

else{

yy_ml=(event.clientX + document.body.scrollLeft);

yy_mt=(event.clientY + document.body.scrollTop);

}

if (yy_tracescript)eval(yy_tracescript)

}

function m()

{

document.all.cursor.style.left=yy_ml+10

document.all.cursor.style.top=yy_mt+10

}

//-->

</script>

<!--

var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;

if (yyns4) document.captureEvents(Event.MOUSEMOVE);

document.onmousemove = YY_Mousetrace;

yy_tracescript = 'm()';

//-->

</script>

图片全景旋转的技巧:

<tr>

</tr>

</table>

最简单的图片变换:

//Preload Kiss Images

IrishKiss=new Image(132,70)

IrishKiss.src="irishkiss.gif"

IrishKissAnim=new Image(132,70)

IrishKissAnim.src="irishkissanim.gif"

document.write('<a href="http://www.sina.com.cn" onMouseOver="document.Irish.src=IrishKissAnim.src" onMouseOut="document.Irish.src=IrishKiss.src"><img src="irishkiss.gif" name="Irish" width=125 height=125 border=0></a>')

</script>

图片的大小变换:

var i=0

//变大

function max(){

MImg=MainImg.style.pixelWidth+=i++

MainImg.style.pixelHeight=MImg*aaa

if(i<20)setTimeout('max()',100)

}

//变小

function min(){

MImg=MainImg.style.pixelWidth-=i--

MainImg.style.pixelHeight=MImg*aaa

if(i>0)setTimeout('min()',100)

}

function init(){

aaa=MainImg.height/MainImg.width

MainImg.style.pixelWidth=0

MainImg.style.pixelHeight=0

}

onload=init

</script>

在页面上漫天飞舞的雪花（图片可以更换）:

<!--

var no = 12;

var speed = 10;

var heart = "您要更改的图片名.gif";

var flag;

var ns4up = (document.layers) ? 1 : 0;

var ie4up = (document.all) ? 1 : 0;

var dx, xp, yp;

var am, stx, sty;

var i, doc_width = 800, doc_height = 600;

if (ns4up) {

doc_width = self.innerWidth;

doc_height = self.innerHeight;

} else if (ie4up) {

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

dx = new Array();

xp = new Array();

yp = new Array();

amx = new Array();

amy = new Array();

stx = new Array();

sty = new Array();

flag = new Array();

for (i = 0; i < no; ++ i) {

dx[i] = 0; // set coordinate variables

xp[i] = Math.random()*(doc_width-30)+10;

yp[i] = Math.random()*doc_height;

amy[i] = 12+ Math.random()*20;

amx[i] = 10+ Math.random()*40;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

flag[i] = (Math.random()>0.5)?1:0;

if (ns4up) { // set layers

if (i == 0) {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");

document.write("top=\"15\" visibility=\"show\"><img src=\"");

document.write(heart+ "\" border=\"0\"></layer>");

} else {

document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");

document.write("top=\"15\" visibility=\"show\"><img src=\"");

document.write(heart+ "\" border=\"0\"></layer>");

}

} else

if (ie4up) {

if (i == 0) {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");

document.write(heart+ "\" border=\"0\"></div>");

} else {

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");

document.write(heart+ "\" border=\"0\"></div>");

}

function helpor_net() {

for (i = 0; i < no; ++ i) {

if (yp[i] > doc_height-50) {

xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);

yp[i] = 0;

flag[i]=(Math.random()<0.5)?1:0;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

if (flag[i])

dx[i] += stx[i];

else

dx[i] -= stx[i];

if (Math.abs(dx[i]) > Math.PI) {

yp[i]+=Math.abs(amy[i]*dx[i]);

xp[i]+=amx[i]*dx[i];

dx[i]=0;

flag[i]=!flag[i];

}

document.layers["dot"+i].top = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));

document.layers["dot"+i].left = xp[i] + amx[i]*dx[i];

}

setTimeout("helpor_net()", speed);

}

function www_helpor_net() {

for (i = 0; i < no; ++ i) {

if (yp[i] > doc_height-50) {

xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);

yp[i] = 0;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

flag[i]=(Math.random()<0.5)?1:0;

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

if (flag[i])

dx[i] += stx[i];

else

dx[i] -= stx[i];

if (Math.abs(dx[i]) > Math.PI) {

yp[i]+=Math.abs(amy[i]*dx[i]);

xp[i]+=amx[i]*dx[i];

dx[i]=0;

flag[i]=!flag[i];

}

document.all["dot"+i].style.pixelTop = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));

document.all["dot"+i].style.pixelLeft = xp[i] + amx[i]*dx[i];

}

setTimeout("www_helpor_net()", speed);

}

if (ns4up) {

helpor_net();

} else if (ie4up) {

www_helpor_net();

}

//-->

</script>

网页上自由飘动的图片:

</div>

<!--

var xPos = 20;

var yPos = document.body.clientHeight;

var step = 1;

var delay = 30;

var height = 0;

var Hoffset = 0;

var Woffset = 0;

var yon = 0;

var xon = 0;

var pause = true;

var interval;

img.style.top = yPos;

function changePos() {

width = document.body.clientWidth;

height = document.body.clientHeight;

Hoffset = img.offsetHeight;

Woffset = img.offsetWidth;

img.style.left = xPos + document.body.scrollLeft;

img.style.top = yPos + document.body.scrollTop;

if (yon) {

yPos = yPos + step;

}

else {

yPos = yPos - step;

}

if (yPos < 0) {

yon = 1;

yPos = 0;

}

if (yPos >= (height - Hoffset)) {

yon = 0;

yPos = (height - Hoffset);

}

if (xon) {

xPos = xPos + step;

}

else {

xPos = xPos - step;

}

if (xPos < 0) {

xon = 1;

xPos = 0;

}

if (xPos >= (width - Woffset)) {

xon = 0;

xPos = (width - Woffset);

}

function www_helpor_net() {

img.visibility = "visible";

interval = setInterval('changePos()', delay);

}

www_helpor_net();

//For more,visit:www.helpor.net

-->

</script>

插入网页代码:

<P align=center><IFRAME border=0 frameBorder=0 height=高度

name=I3 src="您所连接的页面地址"

width=宽度>

</IFRAME></P></TD></TR>

图片大小随鼠标触动而变化:

飘动的字紧紧跟着鼠标:

.spanstyle {

COLOR: #00cccc; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible

}

</style>

var x,y

var step=18

var flag=0

var message="★欢迎您的光临！阿荣空间、真情奉献！"

message=message.split("")

var xpos=new Array()

for (i=0;i<=message.length-1;i++) {

xpos[i]=-50

}

var ypos=new Array()

for (i=0;i<=message.length-1;i++) {

ypos[i]=-200

}

function handlerMM(e){

x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX

y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY

flag=1

}

function www_helpor_net() {

if (flag==1 && document.all) {

for (i=message.length-1; i>=1; i--) {

xpos[i]=xpos[i-1]+step

ypos[i]=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length-1; i++) {

var thisspan = eval("span"+(i)+".style")

thisspan.posLeft=xpos[i]

thisspan.posTop=ypos[i]

}

else if (flag==1 && document.layers) {

for (i=message.length-1; i>=1; i--) {

xpos[i]=xpos[i-1]+step

ypos[i]=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length-1; i++) {

var thisspan = eval("document.span"+i)

thisspan.left=xpos[i]

thisspan.top=ypos[i]

}

var timer=setTimeout("www_helpor_net()",30)

}

for (i=0;i<=message.length-1;i++) {

document.write("<span id='span"+i+"' class='spanstyle'>")

document.write(message[i])

document.write("</span>")

}

if (document.layers){

document.captureEvents(Event.MOUSEMOVE);

}

document.onmousemove = handlerMM;

www_helpor_net();

// -->

</script>

接触连接自动打开窗口:

<a href="您所连接的网页地址" onMouseOver="www_helpor_net(); return true;">鼠标放上来看看！</a>

function www_helpor_net ()

{

var url="您所连接的网页地址"; open(url,"NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=800,height=600,left=10,top=10");

}

</SCRIPT>

显示停留的时间:

阿荣提醒您已经在本站逗留了<input type="text" name="helpor_net" size="15" style="border: 0 ">

<!--

var sec=0;

var min=0;

var hou=0;

flag=0;

idt=window.setTimeout("www_helpor_net();",1000);

function www_helpor_net()

{

sec++;

if(sec==60){sec=0;min+=1;}

if(min==60){min=0;hou+=1;}

if((min>0)&&(flag==0))

{

window.alert("您刚刚来了1分钟!可别急着走开，还有好多好东东等着您呢!--站长：阿荣");

flag=1;

}

helpor_net.value=hou+"小时"+min+"分"+sec+"秒";

idt=window.setTimeout("www_helpor_net();",1000);

}

//-->

</SCRIPT>

下拉菜单选择背景音乐的播放:

脚本说明:

把如下代码加入<body>区域中

<OPTION VALUE="" SELECTED>请选择播放音乐</OPTION>

</SELECT>

禁用右键:

<!--

if (window.Event)

document.captureEvents(Event.MOUSEUP);

function nocontextmenu()

{

event.cancelBubble = true

event.returnValue = false;

return false;

}

function norightclick(e)

{

if (window.Event)

{

if (e.which == 2 || e.which == 3)

return false;

}

else

if (event.button == 2 || event.button == 3)

{

event.cancelBubble = true

event.returnValue = false;

return false;

}

document.oncontextmenu = nocontextmenu; // for IE5+

document.onmousedown = norightclick; // for all others

//-->

</SCRIPT>

滚动的图片:

<!--

var sliderwidth=200

var sliderheight=31

var slidespeed=2

var leftrightslide=new Array()

var finalslide=''

leftrightslide[0]='<a href="http://wsr.y365.com"><img src="logo.gif" border=0></a>'

leftrightslide[1]='<a href="http://wsr.y365.com"><img src="logo.gif" border=0></a>'

leftrightslide[2]='<a href="http://wsr.y365.com"><img src="logo.gif" border=0></a>'

var copyspeed=slidespeed

for (i=0;i<leftrightslide.length;i++)

finalslide=finalslide+leftrightslide[i]+" "

if (document.all){

document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')

ieslider.onmouseover=new Function("ieslider.scrollAmount=0")

ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")

}

function regenerate(){

window.location.reload()

}

function regenerate2(){

if (document.layers){

document.ns_slider01.visibility="show"

setTimeout("window.onresize=regenerate",450)

intializeleftrightslide()

}

if (document.all)

ieslider.scrollAmount=slidespeed

}

function intializeleftrightslide(){

document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')

document. ns_slider01.document.ns_slider02.document.close()

thelength=document.ns_slider01.document.ns_slider02.document.width

scrollslide()

}

function scrollslide(){

if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){

document.ns_slider01.document.ns_slider02.left-=slidespeed

setTimeout("scrollslide()",100)

}

else{

document.ns_slider01.document.ns_slider02.left=sliderwidth

scrollslide()

}

window.onload=regenerate2

//-->

</script>

围绕鼠标的图片!旋转之后离开鼠标!:

var images='您要更改的图片.gif';

var amount=7;

var cnter=70;

var step;

var currStep = 0;

var Xpos = 0;

var Ypos = 0;

if (document.all)

{

document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')

document.write('<div id="c" style="position:relative">');

for (n=0; n < amount; n++)

document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">')

document.write('</div>')

function MsieMouseFollow(){

Xpos = document.body.scrollLeft+event.x-5;

Ypos = document.body.scrollTop+event.y-5;

}

document.onmousemove = MsieMouseFollow;

}

else if (document.layers)

{

window.captureEvents(Event.MOUSEMOVE);

for (ns=0; ns < amount; ns++)

document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>");

function NsMouseFollow(evnt){

Xpos = evnt.pageX-5;

Ypos = evnt.pageY-5;

}

window.onMouseMove = NsMouseFollow;

}

function Swirl(){

if (currStep<0.0550)

step=0.001;

if (document.all)

{

for (i=0;i<ieDiv.all.c.all.length;i++)

{

ieDiv.all.c.all[i].style.top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);

ieDiv.all.c.all[i].style.left = Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);

}

else if (document.layers)

{

for ( i = 0 ; i < ns ; i++ )

{

var temp="n"+i

document.layers[temp].top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);

document.layers[temp].left =Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);

}

currStep += step;

setTimeout("Swirl()", 10);

if (currStep>0.0540)

{

step+=0.002;

if (document.layers)

{

for ( i = 0 ; i < ns ; i++ )

{

var temp="n"+i

document.layers[temp].top =Ypos+cnter*Math.cos((currStep+i*4.5)/5)

document.layers[temp].left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)

}

else if (document.all)

{

for (i=0;i<ieDiv.all.c.all.length;i++)

{

ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((currStep+i*4.5)/5)

ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)

}

if (step > 0.5)

{

step=0.5;

cnter-=8;

}

if (document.layers)

_y=-window.innerWidth;

else if (document.all)

_y=-document.body.clientWidth;

if (cnter <= _y)

{

currStep=0;

step=0.001;

cnter=70;

}

Swirl();

</SCRIPT>

打字机形式的滚动文字:

将以下代码加在<head>与</head>之间

<!-- Begin

var max=0;

function textlist() {

max=textlist.arguments.length;

for (i=0; i<max; i++)

this[i]=textlist.arguments[i];

}

tl = new textlist(

"★阿荣空间★真情奉献★",

"★欢迎来到阿荣空间！希望我们能成为好朋友★",

"★阿荣空间★同时欢迎您的加入★",

"★QQ：3226932★E-mail:123wsr@sina.com★",

"★阿荣还请大家多提宝贵意见★谢谢合作★"

);

var x = 0; pos = 0;

var l = tl[0].length;

function textticker() {

document.tickform.tickfield.value = tl[x].substring(0, pos) + "_";

if(pos++ == l) {

pos = 0;

setTimeout("textticker()", 2000);

if(++x == max) x = 0;

l = tl[x].length;

} else

setTimeout("textticker()", 50);

}

// End -->

</SCRIPT>

将以下代码加在<body之间>

onload="textticker()"

再将以下代码加在</body>之前

<p align="center"><font color="#CCCCFF"><b><TEXTAREA style="FONT-SIZE: 12px; CURSOR: default; COLOR: rgb(255,255,255); FONT-FAMILY: Arial; BACKGROUND-COLOR: rgb(0,0,0)" name=tickfield rows=1 wrap=virtual cols=91>The news will appear here when the page has finished loading.

自动弹出设为首页:

将以下代码加在<head>与</head>之间

function view(Url,Dwin,wid,hei)

{

popup=window.open(Url,Dwin,"left=0,top=0,width="+wid+",height="+hei+",toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes, resizable=no");

}

</script>

将以下代码加在<body

转行之间>

onMouseOver="if (style.behavior==''){style.behavior='url(#default#homepage)';setHomePage('http://wsr.y365.com')}"

再将以下代码加在</body>之前

function send_ring(code,song){

window.open("http://wsr.y365.com/ring_send.php?from=hao123com&code="+code+"&song="+song,'','height=235,width=400,resizable=yes');

}

</script>

function send_logo(code,imgdir){

window.open("http://wsr.y365.com/logo_send.php?from=hao123com&code="+code+"&img=http://wsr.y365.com/wnht/"+imgdir,'','height=235,width=400,resizable=yes');

}

</script>

从左向右拉开页面:

以下代码加入<head>区域

<!-- Begin

function expandingWindow(website) {

var heightspeed = 2; // vertical scrolling speed (higher = slower)

var widthspeed = 7; // horizontal scrolling speed (higher = slower)

var leftdist = 0; // distance to left edge of window

var topdist = 0; // distance to top edge of window

var winwidth = window.screen.availWidth - leftdist;

var winheight = window.screen.availHeight - topdist;

var sizer = window.open("","","left=" + leftdist + ",top=" + topdist + ",width=1,height=1,scrollbars=yes");

for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) {

sizer.resizeTo("1", sizeheight);

}

for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) {

sizer.resizeTo(sizewidth, sizeheight);

}

sizer.location = website;

}

// End -->

</script>

==============

以下代码加入<body>区域

自动弹出提示窗:

function click() {if (event.button==2) {alert('阿荣空间真情奉献');}}document.onmousedown=click

alert(" 阿荣非常感谢大家的光临，愿大家天天都有一个好心情！！！本站的内容属私人创作，如要转载请通知！----QQ:3226932 E-mail:123wsr@sina.com")

</SCRIPT>

自动滚屏:

注释：放在<head>与</head>之间:

<!-- Begin

function scrollit() {

for (I=1; I<=750; I++){

parent.scroll(1,I)

}

function scrollit1() {

for (I=750; I>1; I=I-1){

parent.scroll(1,I)

}

// End -->

</script>

注释：放在<body>与</body>之间:

posted @ 2005-06-11 14:00 虚空境界 Views(1299) Comments(0) Edit 收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

双E软件

——专注C#、ASP.NET技术

网页小技巧

公告