接到一个设计需求,要求xmyanke在网站右侧挂一个弹窗广告宣传最近的活动,找了半天都没看到合适的,自己鼓捣了一行js弹窗代码就能设计漂亮的弹窗广告,来瞧一下,欢迎拍砖提意见,js弹窗广告代码如下:
document.writeln("<div id=\"leftDiv1\" ><a href=‘http://www.xiameneye.org.cn/special/zhengji/‘ 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中,网址和图片路径自己修改。
再加一个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样式自己调整哈
一行js弹窗代码就能设计漂亮的弹窗广告,是不是很简单?喜欢的话就赶紧去加一个吧。