jQuery实现对联广告的方法

jQuery实现对联广告的方法
本文的例子讲述了jQuery实现对联广告的方式,供大家参考,具体的实现方法如下:

复制代码代码如下所示:
$(文档)Ready(函数(){)

VaR对联=美元(div.duilian );

无功duilian_close = $(a.duilian_close );

无功window_w = $(窗口)Width();

如果(window_w > 1000){ duilian.show();}

$(窗口)。滚动(函数(){)

Var scrollTop = $(window).ScrollTop ();

Duilian.stop(),动画({顶:scrollTop + 100 });

});

duilian_close.click(函数(){()

$())父();

返回false;

});

});
下面是CSS对联广告的代码。

。对联{顶:100px;位置:绝对;宽度:102px;溢出:隐藏;显示:无;}

。duilian_left {左:6px;}

右:6px。duilian_right {;}

。duilian_con { border: solid 1px宽度:红色;100px;身高:300px;溢出:隐藏;}

。duilian_close {宽度:100%;高度:24px;线高度:24px;文本对齐:中心;显示:块;字体大小:13px;颜色:# 555555;文字装饰:无;}
对联的内容

X关闭
对联的内容

X关闭

希望本文能对大家的jQuery程序设计有所帮助。

tag:方法对联广告电脑软件jquery

相关内容