中科新闻网费玉清有兄弟吗:js图片边框变换的问题
来源：百度文库 编辑：中科新闻网 时间：2024/05/10 12:18:37
<style>
body img{border:1px solid white}
</style>
<script language="JavaScript">
var color;
var i
function change(i){
var a=Math.random()*255;
var b=Math.random()*255;
var c=Math.random()*255;
color="rgb("+a+","+b+","+c+")";
var source=event.srcElement;
if (source.tagName=="IMG")
source.style.border="1px solid "+i+""
}
</script>
可是我用了之后他显示在
source.style.border="1px solid "+i+""
有个错误参数 怎么解决?
晕
看来我的表达能力有问题~~
假设那个页面为1.htm
有另一个页面2.htm，内容为
<a href="1.htm"><img src="1.gif"></a>
从2.htm点击链接 进入1.htm
或从1.htm点击链接进入2.htm然后再回到1.htm
就会出现错误
偶又来也~
<style>
img{border:1px solid white}
</style>
<head>
<SCRIPT language=JavaScript>
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"
}
}
</SCRIPT>
</head>
<BODY onmouseover=change() onmouseout="change()">
<a href="1.htm"><img src="1.gif"></a>
<a href="2.htm"><img src="1.gif"></a>
function change(){
var a=Math.random()*255;
var b=Math.random()*255;
var c=Math.random()*255;
//Math.random()*255是产生一个255以内的随机数
//然后分别赋给a.b.c.
color="rgb("+a+","+b+","+c+")";
//生成颜色值
var source=event.srcElement;
//选择产生事件的元素
if (source.tagName=="IMG")//如果元素名是img
//source.style.border="1px solid "+i+""
//把该元素的边框变成1px solid "+i+"
/////把这一行改成这样试试 变量i没用到 删掉
source.style.border="1px solid"+color
}