1 Mouse Up add a mask to the top of the picture
Attach code and implementation examples below
<! DOCTYPE html>234<meta charset="UTF-8">5<title></title>6<script src="Http://code.jquery.com/jquery-latest.js"></script>7 8<link rel="stylesheet"Type="Text/css"href="Css/animate.min.css"/>9Ten<style type="Text/css"> One #xx { A position:relative;width:200px;height:200px; - } - . mb{ the height:200px; width:200px; -Background-color: #9e9e9e; Filter:alpha (opacity= -);p osition:absolute;opacity:0.6; Top:0; Left:0; Z-index:Ten; -text-Align:center; - } + #mb_text { -line-height:200px; + } A . current{ at Display:none; - } -</style> -<script type="Text/javascript"> - $ (function () { -$("#xx"). Hover (function () { in$("#mm"). Toggle (); - }); to }) +</script> -<body> the<div id="xx" class="img"> *"http://img30.360buyimg.com/cf/jfs/t2272/225/1335281049/8046/14afb9a/565805c1Nb3eb3c63.jpg"style="width:200px;height:200px;"/> $<div id="mm" class="MB current">Panax Notoginseng<span id="Mb_text" class="animated Bouncein"> -<a href="#"onclick="alert (' 123 ')">----more----</a> the</span> +</div> A the</div> +</body> -----more----Move the picture up and add a mask mask