位置：广州松河 > 技术支持 > JS对联广告 - 可点击关闭的两侧对联广告代码_js/jQuery

JS对联广告 - 可点击关闭的两侧对联广告代码_js/jQuery

来源：网络整理时间：2023/3/4 1:04:00 共 3611 浏览

对联广告在部分广告站中是必须的，大多采用JS的方式，因为可关闭，而纯CSS的js

下载：

对联广告.zip （其中需要广告图片路径，请注意修改）

如上图的代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>对联广告</title>
<script src="ad.js"></script>
</head>
<body>
<style>
/* a{position: fixed;top: 100px;}*/
</style>
<script>
function ad_left(){
    var html;
    html = '<div id="ad_left" style="position:absolute; width:130px;height:300px;z-index:10001"><a style="position:absolute;top:-15px;left:0;" href="javascript:void(0);" onclick="document.getElementById(\'ad_left\').style.display=\'none\'">关闭</a><a href="http://www.jq-school.com"><img src="ad.jpg" width="130" height="300" /></a></div>';
    dom.insertHtml(html);position.floatLeftCenter('ad_left');
}
function ad_right(){
    var html;
    html = '<div id="ad_right" style="position:absolute;width:130px;height:300px;z-index:10001"><a style="position:absolute;top:-15px;right:0;" href="javascript:void(0);" onclick="document.getElementById(\'ad_right\').style.display=\'none\'">关闭</a><a href="http://www.jq-school.com"><img src="ad.jpg" width="130" height="300" /></a></div>';
    dom.insertHtml(html);position.floatRightCenter('ad_right');
}
myEvent.add(window,'load',ad_left);
myEvent.add(window,'load',ad_right);
</script>
</body>
</html>

版权说明：
本网站凡注明“广州松河原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：纯CSS做对联广告代码_CSS学习 | ·下一条：vertical-align使图片垂直居中的小细节_CSS学习