
thinkphp中怎么实现如图的样式,点击链接li标签前面的空心圆会变成实心圆,求大神解答,感激不尽!
<linkrel="stylesheet"type="text/css"href="__ROOT__/public/css/admin/public.css"/><ulc...
<link rel="stylesheet" type="text/css" href="__ROOT__/public/css/admin/public.css"/><ul class="child"> <li><a class="current" href="__APP__/FatherModule/index">父板块列表</a></li> <li><a href="__APP__/AddFather/index">添加父板块</a></li> <li><a href="__APP__/SonModule/index">子板块列表</a></li> <li><a href="__APP__/AddSon/index">添加子板块</a></li> <li><a href="#">帖子管理</a></li></ul>当点击每个链接时,每个<li></li>标签前面的空心圆会变成实心!,引用的是外部样式 #sidebar ul li a.current { background:url(../../images/admin/bg.png) -265px -11px no-repeat;}这个背景就是实心圆图片!
展开
2个回答
展开全部
方法1,利用css实现:
在css里面,用:active伪标签实现,这样实现的效果只会在点击那一瞬间,放开就不再是了。
方法2,用js脚本实现:
这个就方法太多了,我个人推荐书使用jquery操作。直接一段代码就是了$("li").click(function(event) {
$(this).css("background", "url(../../images/admin/bg.png) -265px -11px no-repeat");//$(event.target).css("background", "url(../../images/admin/bg.png) -265px -11px no-repeat")
});
在css里面,用:active伪标签实现,这样实现的效果只会在点击那一瞬间,放开就不再是了。
方法2,用js脚本实现:
这个就方法太多了,我个人推荐书使用jquery操作。直接一段代码就是了$("li").click(function(event) {
$(this).css("background", "url(../../images/admin/bg.png) -265px -11px no-repeat");//$(event.target).css("background", "url(../../images/admin/bg.png) -265px -11px no-repeat")
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询