<html lang="en">
<head><meta charset="UTF-8"><title>鼠标悬浮图片放大特效title><link rel="stylesheet" type="text/css" href="../../style/reset.css"><link rel="stylesheet" type="text/css" href="../../style/font-awesome.min.css"><script type="text/javascript" src="../../scripts/jquery-3.2.1.min.js">script><style type="text/css"> #gallery{width: 1600px;margin: 100px auto;}#gallery>ul>li{width: 380px;height: 230px;float: left;margin: 0 10px;position: relative;}#gallery>ul>li>a>img{width: 380px;height: 230px;z-index: 1;position: absolute;}#gallery>ul>li>a>img:hover{z-index: 2;}h1{clear:both;}style>
head>
<body>
<div id="gallery"><ul><li><a href="../../images/bvdk.jpg" class="tooltip" title="办公场景一"><img src="../../images/bvdk.jpg"/>a>li><li><a href="../../images/bxbt.jpg" class="tooltip" title="办公场景二"><img src="../../images/bxbt.jpg"/>a>li><li><a href="../../images/bxctr.jpg" class="tooltip" title="办公场景三"><img src="../../images/bxctr.jpg"/>a>li><li><a href="../../images/bxetc.jpg" class="tooltip" title="办公场景四"><img src="../../images/bxetc.jpg"/>a>li>ul>
div><script type="text/javascript">$(function(){$("#gallery>ul>li>a>img").mouseenter(function(){$(this).stop().animate({"width":"430px","height":"280px","margin":"-25px"},200);}).mouseleave(function(){$(this).stop().animate({"width":"380px","height":"230px","margin":"0"});});});
script>body>
html>
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！
