其他分享
首页 > 其他分享> > 春季大型弹出广告

春季大型弹出广告

作者:互联网

<!--春季大型-->
<style type="text/css">
#popBigAd {width:760px;height:400px;}
#popBigAd img {width:760px;height:400px;border:none;}
#popBigAd #popBigAdClose,#popBigAd #popBigAdClose1{display:block;width:50px;text-align:center;cursor:pointer;position:absolute;right:5px;}
#popBigAd #popBigAdClose{height:50px;line-height:34px!important;*line-height:40px!important;line-height:40px;font-size:60px;background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;top:5px;}
#popBigAd #popBigAdClose1{height:26px;line-height:26px;font-size:20px;font-family:"Microsoft YaHei", SimHei;color:#71776a;top:55px;}
#popBigAd #popBigAdClose:hover,#popBigAd #popBigAdClose1:hover{text-decoration:none;}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("body").append("<div id='popBigAd'><a id='popBigAdClose'>x</a><a id='popBigAdClose1'>关闭</a><a href='http://subject.gxrc.com/2014/cjmeet/info.aspx' target='_blank'><img src='http://image.gxrc.com/gxrcsite/ad/2014spring.gif' /></a></div>");
var popBigAd = $("#popBigAd");
var x = ($(window).width() - popBigAd.width()) / 2;
var y = ($(window).height() - popBigAd.height()) / 2;
popBigAd.css({ position: "absolute", top: y, left: x, "z-index": 9999 }).show();
var close = $("#popBigAdClose");
var close1 = $("#popBigAdClose1");
close.click(function () {
popBigAd.hide();
}).mouseover(function () {
$(this).css("color", "#ff9854");
close1.css("color", "#ff9854");
}).mouseout(function () {
$(this).css("color", "#b8c1ad");
close1.css("color", "#71776a");
});
close1.click(function () {
close.trigger("click");
}).mouseover(function () {
close.trigger("mouseover");
}).mouseout(function () {
close.trigger("mouseout");
});
setTimeout(function () {
popBigAd.hide();
}, 8000);
});
</script>
<!--春季大型 end-->

标签:function,color,春季,height,width,广告,popBigAd,close,大型
来源: https://www.cnblogs.com/sunnywindycloudy/p/11646449.html