HTML中关于鼠标指向改变div显示

最新推荐文章于 2021-06-04 02:30:25 发布

weixin_33894640

最新推荐文章于 2021-06-04 02:30:25 发布

阅读量221

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/mutougezi/p/5455117.html

版权

利用样式表中 display属性来实现

例如

<html>

<title>aaaaa</title>

<head>

<style>

#changing1
{
width:980px;
height:760px;
left:0px;
top:50px;
position:absolute;
background-image:url(images/xs1.png);
display:block;}
#changing2
{
width:980px;
height:760px;
left:0px;
top:50px;
position:absolute;
background-image:url(images/xs2.png);
display:none;}
#changing3
{
width:980px;
height:760px;
left:0px;
top:50px;
position:absolute;
background-image:url(images/xs3.png);
display:none;}

</style>

</head>

<body>

</div>

</div>

</div>

</body>

</script>

</html>

利用这个方法可以实现鼠标指向时改变div的显示也可以将onmouseover改为onlink 效果就是鼠标点击改变div显示

转载于:https://www.cnblogs.com/mutougezi/p/5455117.html

weixin_33894640

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML中关于鼠标指向改变div显示

利用样式表中 display属性来实现例如<html><title>aaaaa</title><head><style>#changing1{width:980px;height:760px;left:0px;top:50px;position:absolute;background-image:url...
复制链接

扫一扫