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