小麦子 发表于 2024-10-28 14:38:52

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>
<style>
*{ margin:0; padding:0; list-style:none;}
.zzsc{ width:100%; height:250px; margin:0 auto; overflow:hidden; display:none; background:url(//xcdn.php.cn/js/ads/jQuery广告定时折叠收起代码/images/big.jpg) no-repeat center top #7B010B; text-align:center; position:relative;}
.zzsc .link{ width:100%; height:250px; display:block; z-index:10;}
.zzsc .up{ display:block; width:120px; height:12px; background:url(//xcdn.php.cn/js/ads/jQuery广告定时折叠收起代码/images/arrow.jpg) no-repeat left bottom; position:absolute; left:50%; bottom:0; z-index:20; margin-left:-60px;}
.zzsc .down{ display:block; width:120px; height:12px; background:url(//xcdn.php.cn/js/ads/jQuery广告定时折叠收起代码/images/arrow.jpg) no-repeat left top; position:absolute; left:50%; top:88px; z-index:20; margin-left:-60px;}
</style>
</head>
<body>
<script src="//xcdn.php.cn/js/ads/jQuery广告定时折叠收起代码/js/jquery-1.8.3.min.js"></script>
<script src="//xcdn.php.cn/js/ads/jQuery广告定时折叠收起代码/js/zzsc.js"></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]
查看完整版本: jQuery广告定时折叠收起代码