最新文章

点击排行

最新评论

当前位置:首页 > 网站制作 >
弹出对话框,仿商务通弹窗代码
发表日期:2014-05-27 13:18 来源: 浏览: 评论:

  仿商务通弹窗效果,自动弹出时间,第一次弹出时间,关闭之后反复弹出。有需要的朋友拿去。

 
  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(){

www.oleou.com


$(".jszx").hide();//点击关闭层


//每3000毫秒执行一次显示当前层
$(this).stop().fadeTo(7000, 1, function(){
$(".jszx").show();
});
});
$(".jszx2").click(function(){
window.open("http://kft.zoosnet.net/LR/Chatpre.aspx?id=KFT32076013&r=gsbyby&p=gsbyby");//表示在新窗口打开
})
});
</script>
<!--tc end--->
  发现上面一款代码对IE不是很友好。 这里提供另外一段代码 : 下载地址   访问密码 1432

OLEOU 2018
返回顶部