正文

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

︶ㄣSDDLL学院 メ
SDDLL学院V管理员 / 阅读
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(){ documen

实例：

 代码如下
<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>