逐梦论坛's Archiver

shillan 发表于 2006-11-14 22:55

图片边框响应鼠标变色

<div><a href="http://www.toto369.net/txtx/txtx25.htm#"><img style="border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" height=120 src="http://www.toto369.net/txtx/24/3.gif" width=100></a></div>
<div></div>
<div>
<p>1.把&lt;body&gt;改为&lt;body onmouseover=change() onmouseout="change()"&gt; </p>
<p>加入如下代码到head区域<br><textarea class=yk9 name=source rows=12 cols=100>&lt;style&gt;
img{border:1px solid white}
&lt;/style&gt;
&lt;script language=javascript&gt;
function change(){
var a=math.random()*255;
var b=math.random()*255;
var c=math.random()*255;
var color="rgb("+a+","+b+","+c+")";
if(event.type=="mouseover")
{
if (event.srcelement.tagname=="img")
event.srcelement.style.border="1px solid "+color
}
if(event.type=="mouseout")
{
if (event.srcelement.tagname=="img")
event.srcelement.style.border="1px solid white"
}
}
&lt;/script&gt;</textarea> <br><input onclick=source.select() type=button value=选取代码 name=b2>
<script language=javascript>
<!--
function closeclk() {
another=close();
}
//-->
          </script>
<input onclick=closeclk() type=button value=关闭窗口 name=b22> </p>
<p>加入如下代码到body区域<br><textarea class=yk9 id=source1 name=source1 rows=12 cols=100>&lt;a href="#"&gt;&lt;img src="1.gif"&gt;&lt;/a&gt; </textarea> <br><input onclick=source1.select() type=button value=选取代码 name=b23>
<script language=javascript>
<!--
function closeclk() {
another=close();
}
//-->
          </script>
<input onclick=closeclk() type=button value=关闭窗口 name=b222></p></div>

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.