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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM