<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery悬停弹出遮罩显示按钮代码 - 网页模板</title>
<link href="css/ke.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.zalki_hover_img.min-0.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function(){
$('.main_box').ZalkiHoverImg(
);
});
</script>
</head>
<body>
<div id="container">
<div class="main_box user_style1" data-hipop="one">
<img src="images/1.jpg"> <a href="#" class="popup"> </a></div>
<div class="main_box user_style2" data-hipop="two">
<img src="images/2.jpg"> <a href="#" class="popup"> </a><a href="#" class="popup2"></a></div>
<div class="main_box user_style3" data-hipop="one-horizontal">
<img src="images/3.jpg"> <a href="#" class="popup"> BUY</a> </div>
<div class="main_box user_style4" data-hipop="two-horizontal">
<img src="images/4.jpg"> <a href="#" class="popup"> </a><a href="#" class="popup2"></a></div>
<div class="main_box user_style5" data-hipop="text_content">
<img src="images/5.jpg" title alt="Img preview">
<p class="textTitle"> Title Here </p>
<p class="textBox">
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Aliquam vel mauris orci, nec lobortis sem. Ut urna dui, vehicula vel
gravida non, egestas nec eros. Vivamus euismod, erat quis lobortis ullamcorper,
libero justo hendrerit velit, in ornare erat ipsum scelerisque nisl. Etiam
pharetra sodales dui, nec dignissim nisi adipiscing vel. Integer luctus
mi elementum mi ullamcorper eu varius enim rutrum. Morbi gravida dolor eu
leo dictum vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Aliquam vel mauris orci, nec lobortis sem. Ut urna dui, vehicula vel
gravida non, egestas nec eros. <a href="#">Read More</a>
</p>
</div>
<div class="main_box user_style6" data-hipop="text_content">
<img src="images/6.jpg" title alt="Img preview">
<p class="textTitle"> Title Here </p>
<p class="textBox">
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Aliquam vel mauris orci, nec lobortis sem. Ut urna dui, vehicula vel
gravida non, egestas nec eros. Vivamus euismod, erat quis lobortis ullamcorper,
libero justo hendrerit velit, in ornare erat ipsum scelerisque nisl. <a href="#">Link</a>
</p>
</div>
<div class="main_box user_style11" data-hipop="text_content2">
<img src="images/11.jpg" title alt="Img preview">
<p class="textTitle"> $7 </p>
<p class="textBox">
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Ut nec est viverra velit venenatis faucibus. Maecenas adipiscing,
lectus a hendrerit vulputate, tellus urna accumsan felis, semper tempor
mauris massa in odio. Duis sit amet nunc eu sem sagittis malesuada. <a href="#">Link</a>
</p>
</div>
<div class="main_box user_style12" data-hipop="one-horizontal">
<img src="images/12.jpg"> <a href="#" class="popup"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec est viverra
velit venenatis faucibus. Maecenas adipiscing, lectus a hendrerit vulputate,
tellus urna accumsan felis, semper tempor mauris massa in odio. Duis sit
amet nunc eu sem sagittis malesuada. </a></div>
<div class="main_box user_style13" data-hipop="one">
<img src="images/13.jpg"> <a href="#" class="popup"> </a></div>
<div class="main_box user_style7" data-hipop="text_content2">
<img src="images/7.jpg" title alt="Img preview">
<p class="textTitle"> Title Here </p>
<p class="textBox">
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Aliquam vel mauris orci, nec lobortis sem. Ut urna dui, vehicula vel
gravida non, egestas nec eros. <a href="#">Link</a>
</p>
</div>
<div class="main_box user_style8" data-hipop="rub">
<img src="images/8.jpg"> <a href="#" class="r_board">AWESOME</a> </div>
<div class="main_box user_style9" data-hipop="rub">
<img src="images/9.jpg"> <a href="#" class="r_board"></a></div>
<div class="main_box user_style10" data-hipop="rub">
<img src="images/10.jpg"> <a href="#" class="r_board">$7</a> </div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
jQuery悬停弹出遮罩显示按钮代码.zip
版权申诉
187 浏览量
2022-11-22
17:16:11
上传
评论
收藏 643KB ZIP 举报
jQuery悬停弹出遮罩显示按钮代码.zip （26个子文件） 
jQuery悬停弹出遮罩显示按钮代码 jiaoben3220 css 
ke.css 7KB images 
8.jpg 23KB
microphone.png 1KB 2.jpg 24KB 1.jpg 44KB 6.jpg 47KB 3.jpg 44KB 5.jpg 55KB arrow.png 1KB bg.png 949B 11.jpg 55KB up.png 1KB 4.jpg 25KB 10.jpg 21KB 13.jpg 68KB down.png 1KB phone.png 23KB 12.jpg 65KB 9.jpg 30KB search-red.png 2KB 7.jpg 43KB
index.html 5KB js jquery.zalki_hover_img.min-0.2.js 7KB jquery-1.9.1.min.js 90KB jquery.easing.1.3.js 8KB jQuery悬停弹出遮罩显示按钮代码.jpg 47KB资源评论
