当前位置: 编程技术>jquery
jquery 显示隐藏层的代码示例
来源: 互联网 发布时间：2014-09-03
本文导语: jquery 实现层的显示与隐藏，供大家参考。 代码： 代码示例: css显示隐藏层，鼠标经过时出现文字链接--www. * { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; list-style:none; } a { color:#000; text-decoration:none } a:hover { co...
jquery 实现层的显示与隐藏，供大家参考。
代码：
代码示例:
css显示隐藏层，鼠标经过时出现文字链接--www.
* { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; list-style:none; }
a { color:#000; text-decoration:none }
a:hover { color:#03F; text-decoration: underline; }
.box-163css { width:300px; border:1px solid #ccc; margin:20px auto; padding:10px; }
.box-163css li { height:25px; line-height:25px; font-size:12px; border-bottom:1px solid #eee; padding:0 5px; }
.box-163css li span { float:right; display:none }
.box-163css li span a { color:#999; }
$(function(){
$(".box-163css li").hover(function(){
$(this).find("span").show();
},function(){
$(this).find("span").hide();
});
});
- 前 昨 今让WordPress支持中文标签链接
- 前 昨 今order-categories wp分类目录排序插件
- 前 昨 今自动切换选项卡js效果
- 前 昨 今点击链接，从顶部向下平滑弹出一个div窗口
- 前 昨 今更多代码请访问：脚本学堂
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。