<!--对联广告开始 -->
<script language="JavaScript" type="text/javascript">
function duilianClose(dj, mb, cl, ts) {
dj = $(dj);
mb = $(mb);
dj.click(function() {
if (ts) {
mb.removeClass(cl);
} else {
mb.addClass(cl);
}
});
}
function duil(l, r, cw, t, j, c) {
l = $(l);
r = $(r);
w = $(l).outerWidth();
var ww = $(window).width();
var lr = ww * 0.5 - (w + j + cw * 0.5);
var st = 0;
var jg;
$(window).resize(function() {
ww = $(window).width();
lr = ww * 0.5 - (w + j + cw * 0.5);
if (ww > cw + (w + j) * 2) {
l.css({
left: lr
}).removeClass(c);
r.css({
right: lr
}).removeClass(c);
}
else {
l.addClass(c);
r.addClass(c);
}
});
l.css({
left: lr
});
r.css({
right: lr
})
if (window.XMLHttpRequest) {
l.css({
top: t
});
r.css({
top: t
});
} else {
jg = setInterval(function() {
st = $(window).scrollTop();
l.css({
top: t + st
});
r.css({
top: t + st
});
},
250);
}
}
</script>
<style type="text/css">
/* 对联 */
.zz{width:100px; height:300px; position: fixed; _position:absolute; border:1px solid #333;}
.none0{display:none;}
.gb{float:right;display:inline;}
</style>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jwplayer.js"></script>
<div class="zz aa"><a href="http://www.hzfucai.net/sx/hzcfyw/49740134.shtml" target="_blank"><img alt="" src="http://www.hzfucai.net/images/2017/home/hz_l66.jpg" /></a><span class="gb" style="cursor: pointer;">关闭</span></div>
<div class="zz bb"><a href="http://www.hzfucai.net/sx/hzcfyw/49740131.shtml" target="_blank"><img alt="" src="http://www.hzfucai.net/images/2017/home/hz_r66.jpg" /></a><span class="gb" style="cursor: pointer;">关闭</span></div>
<script>
duil('.aa','.bb',1102,200,20,'none0');
duilianClose('.gb', '.aa,.bb', 'none0');
</script>
<!--对联广告结束 -->
【Html】对联广告
Related Posts
CSS:通过 animation 配合伪元素搭配 content 属性来实现字符变换,实现一段字符不停更换。
通过 animation 配合伪元素搭配 content 属…