本文
介绍一种用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
程序设计有所帮助。