当前位置: 编程技术>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窗口
- 前 昨 今更多代码请访问:脚本学堂