jQuery性感女性图片广告
以上只是部份演示图片，详细可以付费购买。
<!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>
<script src="//xcdn.php.cn/js/ads/jquery性感女性图片广告/js/jquery-1.7.2.js" type="text/javascript"></script>
<body>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
.header{background:url("//xcdn.php.cn/js/ads/jquery性感女性图片广告/images/header_bg.jpg") no-repeat top;height:518px;overflow:hidden;}
.center-wrap{margin:0px auto;width:980px;position:relative;}
.animate{top:160px;width:414px;height:310px;right:-64px;position:absolute;cursor:pointer;-moz-user-select:none;}
.animate-active{background:url("//xcdn.php.cn/js/ads/jquery性感女性图片广告/images/animate_active.jpg") no-repeat 0px 0px;z-index:100;}
.hand{background:url("//xcdn.php.cn/js/ads/jquery性感女性图片广告/images/hand.gif") no-repeat 0px 0px;width:68px;height:85px;right:50px;bottom:0px;position:absolute;z-index:10;}
</style>
<div class="header">
<div class="center-wrap">
<div class="animate" id="target" unselectable="on"><span class="hand" id="hand"></span></div>
</div>
</div>
<script type="text/javascript">
var hand = $('#hand'), target = $('#target'), downloaded = false;
target.on('click', function(event){
event.preventDefault();
target.addClass('animate-active');
hand.hide();
setTimeout(function() {
target.removeClass('animate-active');
hand.show();
}, 200);
});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
<p>来源：<a href="https://www.niuniubbs.com/" target="_blank">牛牛论坛</a></p>
</div>
</body>
</html>
以上代码中的图片和JS，请下载到自己网站目录中使用！
页:
[1]