首页前端开发JavaScriptJS对联广告 - 可点击关闭的两侧对联广告代码

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

时间2023-05-05 21:40:02发布访客分类JavaScript浏览1010
导读: 对联广告在部分广告站中是必须的,大多采用JS的方式,因为可关闭,而纯CSS的js下载:对联广告.zip (其中需要广告图片路径,请注意修改)如上图的代码:<!doctype html><html><head&...

 

对联广告在部分广告站中是必须的,大多采用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>
    

 


声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: JS对联广告 - 可点击关闭的两侧对联广告代码
本文地址: https://pptw.com/jishu/18435.html
Kindle如何转换HTML格式(详解Kindle电子书转换HTML方法) jQuery 实现返回顶部滑动跳转效果

游客 回复需填写必要信息