一行js彈窗程式碼就能設計漂亮的彈窗廣告

ytkahcom發表於2014-06-17
JS

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

 


相關文章