60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 代码生成类 >> 正文[打印] [收藏]

你见过当鼠标放到图片时图片变换吧，看了这个你自己可以动手做

作者：生鱼片文章来源：互联网点击数：更新时间：2006-4-10 22:33:33

演示区

2个图片的尺寸必须一致才可以。

脚本说明：

将下面的代码加在<head></head>之间

<!--

var a = 21

function create() {

this.line = ''

}

function skrivut(formet) {

bild1 = formet.bilden.value;

bild2 = formet.bildtva.value;

kall1 = formet.srcen.value;

kall2 = formet.srctva.value;

bildnamn = formet.bildnmn.value;

widd = formet.widden.value;

hojd = formet.hojden.value;

line = new Array()

for(var i=1; i<=a; i++) { line[i] = new create() }

line[1] = '<html><head><title>Code  Window</title></head><body bgcolor="#FFFFFF">'

line[2] = '<HTML><HEAD><br><TITLE>Title of your page</title><P>'

line[3] = '<SCRIPT LANGUAGE="JavaScript"><BR><!--<BR>/**luxiaoqing http://www.mbsky.com/javascript/dai1.htm**/<BR>Browser = false ;<BR>if(navigator.appName.indexOf("Netscape") != -1)<BR>'

line[5] = '{ if( (navigator.appVersion.indexOf("3.") != -1) || (navigator.appVersion.indexOf("4.") != -1) )<BR>'

line[6] = ' Browser = true}<BR>'

line[7]='if(navigator.appVersion.indexOf("MSIE") != -1) { if( navigator.appVersion.indexOf("4.") != -1)<BR>'

line[8]='Browser=true}<BR>'

line[9]='if ( Browser == true) {<BR>'

line[10] = bild1+'= new Image();<BR>'

line[11] = bild1+'.src = "'+kall1+'";<BR>'

line[12] = bild2+' = new Image();<BR>'

line[13] = bild2+'.src = "'+kall2+'";<BR>}<P>'

line[14] = 'function byt(place, imgName) {<BR>'

line[15] = 'if (Browser == true) {<BR>'

line[16] = 'document[place].src =eval(imgName + ".src");<BR>'

line[17] = '} }<BR>'

line[18] = '//--><BR>'

line[19] = '</SCRIPT><P></HEAD><br><BODY><P>Here comes the link:<BR>'

line[20] = '<A HREF=".html" onMouseOver="byt(''+bildnamn+'',''+bild2+'')" onMouseOut="byt(''+bildnamn+'',''+bild1+'')">'

line[21] = '<IMG SRC="'+kall1+'" NAME="'+bildnamn+'" HEIGHT="'+hojd+'" WIDTH="'+widd+'" BORDER="0"></A>'

line[22] = '<P></BODY></HTML><P><FORM><INPUT TYPE="button" VALUE="关闭" OnClick="self.close()"></FORM></BODY></HTML>'

nyaWin = window.open('','utskrift','toolbar=0,location=0,directories=0,status=1,menubar=1,scrollbars=1,resizable=0,copyhistory=0,width=600,height=400')

nytt ()

}

g = 0

function nytt() {

g++

nyaWin.document.writeln(line[g]);

if (g < (a+1)) nytt()

nyaWin.document.close()

g = 0

}

Browser = false ;

if(navigator.appName.indexOf("Netscape") != -1)

{ if( (navigator.appVersion.indexOf("3.") != -1) ||

(navigator.appVersion.indexOf("4.") != -1) )

{ Browser = true;

fredrik= new Image();

fredrik.src = "knapp1.gif";

sover = new Image();

sover.src = "knapp2.gif";

} }

function byt(place, imgName) {

if (Browser == true) {

document[place].src =eval(imgName + ".src");

} }

//-->

</SCRIPT>

将下面的代码加在<body></body>之间

将下面的代码加在<body>里(例<body **加代码处**>)

上一篇教程：非常好的生成各种按钮的页面生成器，好好研究一下吧

下一篇教程：按照你使用浏览器的不同，页面自动转到相应链接

相关你见过当鼠标放到图片时图片变换吧，看了这个你自己可以动手做的文章：

你见过当鼠标放到图片时图片变换吧，看了这个你自己可以动手做

网友评论

数据载入中，请稍后……

60度 Eadren 网络 >> 设计教程 >> 网页制作 >> Html·Css·特效 >> 特效 >> 代码生成类 >> 正文[打印] [收藏]

你见过当鼠标放到图片时图片变换吧，看了这个你自己可以动手做

网友评论

全站阅读排行

本类热门教程