jQuery实现了在网页右下角固定位置关闭特殊效果的方法。

jQuery实现了在网页右下角固定位置关闭特殊效果的方法。
本文介绍一种用jQuery描述网页右下角固定效果的方法,供大家参考

HTML代码:

热门标签…

JS展开
js幻灯片
JS特效
广告代码
对联广告
js弹出层
无缝滚动
PHP教程
Ajax instance
单击关闭

热门标签
CSS代码:
UL,李{ margin: 0px;padding: 0px;列表样式:无;}
。TagBox这个{宽度:100px;高度:自动边界:1px;固体# cccccc;位置:固定;_position:绝对的;_margin-top:表达(文档。文档元素}。自己的风格。pixelHeight +文档。文档元素}。scrollTop);Z指数:99;右:0px;底:25px;背景颜色:# ffffff;- WebKit的边界半径:5px;-moz边界半径:5px;边界半径:5px;}
。标签{宽80px;高度:汽车;填充:5px 10px;}
。标签跨度{宽80px;身高:30px;显示:块;线高度:30px;颜色:# 006600;字体大小:12px;}
。标签里{宽80px;身高:24px;线高度:24px;字体大小:12px;溢出:隐藏;}
李。标签{颜色:# 336699;}
李。标签:悬停{文字装饰:下划线;颜色:# FF0000;}
。闭{宽度:100px;身高:26px;背景颜色:# f0f0f0;线高度:26px;字体大小:12px;文本对齐:中心;- WebKit的边界半径:0px 0px 5px 5px;对0px的5px;
。闭一{颜色:# 666666;文字装饰:无;}
。张凯{宽度:20px;高度:自动填充:10px;5px;线高度:20px;字体大小:14px;文本对齐:中心;- WebKit的边界半径:5px 0px 0px 5px;-moz边界半径:5px 0px 0px 0px 0px 5px边界半径:5px 5px;边框1px solid;# cccccc;位置:固定;_position:绝对的;_margin-top:表达(文档。文档元素}。自己的风格。pixelHeight +文档。文档元素}。scrollTop);Z指数:100;右:0px;底:50px;背景颜色:# ffffff;显示:无;}
。张凯一{颜色:# 006600;文字装饰:无;}
身高:1000px。XX {;}
JS代码:

$(文档)Ready(函数(){)
$(。关闭)。Click(function(){)
$(。TagBox这个隐藏());
$(。张凯)显示();
返回false;
});
$(。张凯)。Click(function(){)
$(。张凯)藏();
$(。TagBox这个)显示(500);
返回false;
});
});
希望本文能对大家的jQuery程序设计有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部