数码资讯
jQuery实现了在网页右下角固定位置关闭特殊效果的方法。
本文介绍一种用jQuery描述网页右下角固定效果的方法,供大家参考: HTML代码: 热门标签… JS展开 js幻灯片 JS特效 广告代码 对联广告 js弹出层 无缝滚动 PHP教程 Ajax instance 单击关闭 热门标签 CSS代码: UL,李{ margin: 0px;padding:
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文介绍一种用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程序设计有所帮助。
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程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。