html鼠标经过图像代码求助!
发布网友
发布时间：2022-05-12 16:16
共3个回答
懂视网
时间：2022-05-12 20:38
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
var a,b,c;
a=100;b=200;
c=a;a=b;b=c;
console.log(a,b);
alert(a+" "+b);
window.onload=function(){
var sj;
sj=document.getElementById("a");
sj.style.color="pink";
sj.style.width="100px";
sj.style.lineHight="30px";
sj.style.lineHight="30px";
sj.style.textAlign="center";
sj.style.background="purple";
}
</script>
</head>
<body>
<p onclick="alert('Gxl网html实例')">点击有惊喜！</p>
<marquee onmouseover="this.stop()"onmouseout="this.start()">我是Gxl网（www.gxlcms.com）！</marquee>
<p onclick="alert('别人都叫我小猪')" id="a">请叫我钟老师</p>
</body>
</html>鼠标点击，经过，鼠标离开事件显示效果：
热心网友
时间：2022-05-12 17:46
function mouseout(){
document.all.img.src = "img/a.gif";
}
function mouseover(){
document.all.img.src = "img/b.gif";
}
</script>
<img src="img/a.gif" id="img"
onclick="javascript:window.location='http://www.baidu.com'"
onmouseout="mouseout()" onmouseover="mouseover()"
style="cursor: pointer; width: 50px; height: 50px">
赞同sakxjn！
热心网友
时间：2022-05-12 19:04
<image src="image/zshyqy01.jpg" onmouseover="this.src='images/zshyqy01.jpg'" onmouseout="this.src='images/zsgzqy-.jpg'">
