接到一個設計需求,要求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彈窗代碼就能設計漂亮的彈窗廣告,是不是很簡單?喜歡的話就趕緊去加一個吧。
