码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-06-18 09:07:00      阅读:439      评论:0      收藏:0      [点我收藏+]

标签:class   blog   java   http   tar   ext   

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

 

一行js弹窗代码就能设计漂亮的弹窗广告,布布扣,bubuko.com

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

标签:class   blog   java   http   tar   ext   

原文地址:http://www.cnblogs.com/ytkah/p/3793390.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!