<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标移入改变图片大小</title>
<!--还是老样子,在head中导入jQuery脚本文件,以获得它所提供的独特功能-->
<script src="../../js/jquery-3.2.1.js" type="text/javascript" charset="utf-8"></script>
<!--内联样式-->
<style type="text/css">
div {
width: 1000px;
height: 1000pxr;
}
/*img是行内标签,无法使用margin auto*/
img {
/*所以要用display:block;将它转换成块级元素*/
display: block;
/*之后就可以使用margin: 0 auto居中;*/
margin: 0 auto;
/*margin:0 auto;等价于:
margin-top: 50px;
【前端-JavaScript】H5 jQuery鼠标移入移出改变图片大小动画的实现(完整源代码)-魏泯
最新推荐文章于 2022-06-02 11:57:08 发布
该博客介绍了如何使用JavaScript库jQuery在HTML5页面中创建一个效果,当鼠标移入图片时,图片会逐渐放大到指定尺寸,而鼠标移出时则回缩到原始尺寸。通过内联样式和JavaScript代码实现了图片的居中和动画效果。
摘要由CSDN通过智能技术生成