一行js弹窗代码就能设计漂亮的弹窗广告

ytkah

发布于 2018-03-05 15:10:36

9.6K0

发布于 2018-03-05 15:10:36

文章被收录于专栏：ytkah

　　接到一个设计需求，要求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弹窗代码就能设计漂亮的弹窗广告，是不是很简单？喜欢的话就赶紧去加一个吧。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2014-06-17 ，如有侵权请联系 cloudcommunity@tencent.com 删除

javascript