首页 > 分享
一言推荐::D 获取中...

弹出对话框,仿商务通弹窗代码

分享/ 2018-05-16/

  仿商务通弹窗效果,自动弹出时间,第一次弹出时间,关闭之后反复弹出。有需要的朋友拿去。
 
  www.oleou.com修改了居中问题。复制以下代码 加入到自己代码中即可。
<!--tc--->
<style>
.jszx{width:450px; height:350px;background: url(http://www.gsbybyw.com/images/wzy.gif) no-repeat;z-index:9999999999999999;
position: fixed ! important; left: 50%; margin-left: -251px ! important; top: 50%;margin-top: -180px ! important;_margin-top: -250px ;
_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow:visible;"}

.jszx1{ width:50px; height:30px;margin-left:400px; color:#999;cursor:pointer;}
.jszx2{width:70px; height:20px; margin:10px 0 0 15px; float:left; text-align:center; font-size:14px; line-height:20px; color:#FFF; cursor:pointer; display:inline}
.jszx3{width:70px; height:20px; margin:10px 0 0 135px; float:left; text-align:center; font-size:14px; line-height:20px; color:#FFF; cursor:pointer; display:inline} oleou.com
.jszxdd{width:450px; height:280px; }
</style>
<div class="jszx" style="display:none">
<div class="jszx1"></div>
<a href="http://kft.zoosnet.net/LR/Chatpre.aspx?id=KFT32076013&r=gsbyby&p=gsbyby" rel="nofollow" target="_blank"><div class="jszxdd"></div></a>
<div class="jszx3"></div>
<a href="http://kft.zoosnet.net/LR/Chatpre.aspx?id=KFT32076013&r=gsbyby&p=gsbyby" rel="nofollow" target="_blank"><div class="jszx2"></div></a>
</div>
<script language="javascript" src="jquery-1.4.4.min.js"></script>
<script language="javascript">
setTimeout(function (){$(".jszx").show()},1000)//表示1000毫秒后执行第一次显示层
$(function(){
$(".jszx3,.jszx1").click(function(){

oleou.com

TAGS:

打赏 点赞
邮箱
验证码
昵称