怎样用css实现div选中的效果
展开全部
你想要一个什么样的选中效果?
以下是个红边框的样式
div:hover{border:1px solid red;}
以下是个红边框的样式
div:hover{border:1px solid red;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
div:focus{
里面写你想要的选中效果样式
}
里面写你想要的选中效果样式
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下:
1.被点击时的效果可以用div:active{ css }
2.鼠标覆盖在上面的时候可以用div:hover{ css;}
3.点击之后的效果,这个相对前2种有些麻烦,必须用到JS或者jquery,步骤如下:
a.先给div添加一个选中的样式比如on{css};
b.然后在js中$('div').click(function{
$('div').toggleClass(' ','on');
})
这是jquery自带的一个方法,点击div切换2个class,
1.被点击时的效果可以用div:active{ css }
2.鼠标覆盖在上面的时候可以用div:hover{ css;}
3.点击之后的效果,这个相对前2种有些麻烦,必须用到JS或者jquery,步骤如下:
a.先给div添加一个选中的样式比如on{css};
b.然后在js中$('div').click(function{
$('div').toggleClass(' ','on');
})
这是jquery自带的一个方法,点击div切换2个class,
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
div:hover{}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div onmouseover="this.style.backgroundColor='#f4f4f4'" onmouseout="this.style.backgroundColor='#fff'">00000</div>
也可以用链接样式做
a{}
a:hover{}
也可以用链接样式做
a{}
a:hover{}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询