纯css点击隐藏div能实现点击事件吗，点div一下变色在点一下变回来

来源：蜘蛛抓取(WebSpider) 时间：2018-03-14 22:24 标签： 纯div css 表格
DIV+CSS的问题，将图片作为链接，如何实现点击之后点击处变成另一张图片_百度知道
DIV+CSS的问题，将图片作为链接，如何实现点击之后点击处变成另一张图片
vertical-align:
padding-left:243
padding-top:0
font-size:15
background-image:url(../images/logo_bg.jpg);
background-repeat:no-
border-s...
我有更好的答案
active 必须被置于 a:hover 之后，a你现在的效果应该是鼠标移上去之后会变成另外一张图片。使用的是CSS的伪类，才是有效的: #00FF00} /* 已访问的链接 *&#47:hover {color: #FF00FF} &#47: #FF0000}
&#47:link {* 选定的链接 *&#47：在 CSS 定义中;提示：在 CSS 定义中，a:hover 必须被置于 a:link 和a，a;* 鼠标移动到链接上 */a:active {color: #0000FF} /* 未访问的链接 */a:visited {color:visited 之后，才是有效的。提示
能说的具体点吗，这个怎么用
你这个效果，单纯用CSS控制不成。鼠标经过，可以用a:hover这个伪类鼠标点击不松开，可以用a:active被点击过的链接倒是有点像你说的那种，点击可以加个背景，用的是a:visited但是这个伪类的效果是，在COOKIE不清除的情况下，页面中，所有被点击过的链接都显示a:visited中的样式。你这个明显是一个导航，要是一个背景切换的效果，应该用JS动画做JQuery也很好实现第一步：CSS里面加一个类
current { background:url(你图片的路径) no-repeat 0 0 !}
//定义current样式，是你要切换的背景图片第二步：给你的ul 加上id=menu$(&#menu li&).click(function(){ $(&.current&).removeClass(&current&);$(&this&).addClass(&current&);});//点击LI后，先把有current这个类的LI的current类去掉，就是让它不再有那个背景图片，然后为你当前点击的这个LI加上current这个类，这个他就有了current的样式了，就有了你要有背景
下面是对应的JS代码，css类可以修改，你看下这个JS有什么问题，我想应该是js的问题，div里面可以修改。我本来是不想用js的，css实现不了，只能用js了
你直接用上面那个方法。第一步：CSS里面加一个类
current { background:url(你图片的路径) no-repeat 0 0 !}
//定义current样式，是你要切换的背景图片第二步：JS里的代码：$(&#menu li&).click(function(){ $(&.current&).removeClass(&current&);$(&this&).addClass(&current&);});
你好，能加个好友吗，我qq号，想好好向您请教一下，加我的时候写一下验证信息，谢谢。好多不懂的想找个高手指点一下
采纳率：61%
来自团队：
.m_li_a:visited 试试 不行就用js
这个也加入试过，不行，整个网站都已经做好了，就这一点毛病，现在也不知道从哪下手了
为您推荐：
其他类似问题
div的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。用纯CSS实现禁止鼠标点击事件示例代码
互联网 & 08-25 16:50:33 & 作者：佚名 &
这篇文章介绍的是通过纯CSS实现禁止鼠标点击事件，比起Javascript来更加灵活，有需要的可以参考学习。
JavaScript有一个preventDefault方法, 他可用以来取消事件的默认动作。比如取消打开链接，选择文本或拖放等。
代码如下:event.preventDefault()
该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 &submit&，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。
这种方法可以阻止当前元素的浏览器默认行为，但并不阻止事件被父级及document响应。如果想彻底取消事件，则可使用stopPropagation
代码如下:event.stopPropagation()
该方法将停止事件的传播，阻止它被分派到其他 Document 节点。在事件传播的任何阶段都可以调用它。注意，虽然该方法不能阻止同一个 Document 节点上的其他事件句柄被调用，但是它可以阻止把事件分派到其他节点。
这两种是在JS中的常用取消事件的方法，但是其实还有一种用纯css就能实现取消事件响应的方法，pointer-events，使用起来更加简单，它可以：
&&&& 1、阻止用户的点击动作产生任何效果
&&&& 2、阻止缺省鼠标指针的显示
&&&& 3、阻止CSS里的hover和active状态的变化触发事件
&&&& 4、阻止JavaScript点击动作触发的事件
比如以下CSS就顺起到将禁用的按钮灰掉的效果
代码如下:.disabled {
pointer-events:
opacity: 0.6;}
这种方法明显比js代码更加灵活，可惜ie9不支持。以上就是本文的全部内容，希望对大家的学习和工作能有所帮助。
大家感兴趣的内容
12345678910
最近更新的内容欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
> 纯的点击问题标题显示答案再点击隐藏答案的
纯版的问答显示隐藏特效演示图
此特效用处和好处：
1、此版&点击问题标题后显示答案再点击问题标题隐藏答案特效实用于网站问答帮助中心页面使用
2、此特效经过DIVCSS5更改为纯的DIV+CSS代码版
3、代码简单，轻松实用此CSS的问答隐藏显示特效，不会CSS可到DIVCSS5中认真提供学习CSS
可收缩隐藏显示帮助中心的问答特效的CSS特效演示地址：
可收缩展开问答帮助中心的特效下载地址：
如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • ()• • ()• ()• • • • • • • • • • • • • • • • 必备HTML基础教程 Essential HTML Tutorials •
• () • () • () •
• () •
• () •
• 如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 12:06
原创：本文www.divcss5.com DIVCSS5版权所有。最新文章NEWS• • • • • • • • • • CSS EFFECTS相关文章RELATED• • • • • • • • • • 热点文章HOT DIVCSS5.com 学习与资源分享平台后使用快捷导航没有帐号？
Powered by鼠标点击字体换颜色在div+css中怎么实现？_百度知道
鼠标点击字体换颜色在div+css中怎么实现？
a 后面的color:=链接文字为红色:hover 的 color，a:black首先要看LZ会不会写CSS。如果会的话，鼠标悬停在CSS中写为HOVER:= 鼠标点击链接文字后为蓝色， a:active 的}在这其中，鼠标触发在CSS中写为ACTIVE:red。所以如下所写：a {
color:}a:hover {}a:active {
color:=鼠标移动到链接文字上后为黑色。希望可以帮到你
采纳率：12%
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。

我要回帖

更多关于 纯div css 表格 的文章

 

随机推荐