正文

js实现鼠标放上去元素放大,移开恢复大小

米米素材网V管理员 /2020-07-21 / 阅读

0721

实例：

代码如下

<html>
<head>
<style type="text/css">
.zj{
margin:30px 0 0 30px;
width:100px;
background-color:green;
color:white;
text-align:center;
cursor:pointer;
padding:30px;
}
</style>
<script type="text/javascript">
function zj(){
document.getElementById("zhao").style.WebkitTransform="scale(1.2)";
}
function jiao(){
document.getElementById("zhao").style.WebkitTransform="scale(1)";
}
</script>
</head>

<body>
<div class="zj" id="zhao" onMouseOver="zj()" onMouseOut="jiao()">
Just try!
</div>

1 本网站名称：米米素材网
2 本站永久网址：https://www.mimisucai.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。