window.οnlοad=preload;//窗口属性调用函数
function preload(){
var linkId=document.getElementById("linkId");
lz=new Array();//全局变量
lz[0]=new Image();//预加载图片
lz[0].src="images/biaoqing (1).jpg";
lz[1]=new Image();
lz[1].src="images/biaoqing (6).jpg";
linkId.οnmοuseοver=action;//连接上的事件属性,action是事件函数作为链接linkID的属性
linkId.οnmοuseοut=reaction;//同上
}
function action(){
document.images["face"].src=lz[0].src;
//body.style.backgroundColor="black";
document.getElementById("xx").style.backgroundColor="white";
}
function reaction(){
document.images["face"].src=lz[1].src;
document.getElementById("xx").style.backgroundColor="#ebebeb";
}
body{margin: 100px auto;width: 600px;background-color: #ebebeb;}
img{margin: 0 auto;display: block;}
本javascript实现了HTML与js完全分离
一键复制
编辑
Web IDE
原始数据
按行查看
历史