js弹窗广告代码加样式表

发布时间:2019-07-19编辑:脚本学堂
分享一例js弹窗广告代码,js脚本实现的弹窗代码,附一个漂亮的css样式代码,需要的朋友参考下。

例子,js弹窗代码。
1,html部分
 

document.writeln("<div id="leftDiv1" ><a href='http://www.leduz.com/' target=_blank><img src='/templets/2014/images/zj_pf.jpg' border=0></a><div class='divclose1'><span onclick="$('#leftDiv1').remove()">关闭X</span></div></div>");

将以上代码加到js中,网址与图片路径自行修改下。

2,css样式
 

#leftDiv1{
    width:126px;
    top:80px;
    float:right;
    position:fixed;
    z-index:10000000;
    left:2px;
    _position:absolute;
    }
.divclose1,.divclose2{
    height:20px;   
    width:118px;
    overflow:hidden;
    font-size:9pt;
    background-color:#F6F6F6;
    text-align:center;
    cursor:pointer;
}
 
.divclose2 img,.divclose1 img{
    cursor:pointer;
}

一行js弹窗代码,结合css样式,即可设计出漂亮的弹窗广告了。