一直有内容显示，只是鼠标划过一个标题，对应的内容就会显示，也有些像论坛里的这个
区别是不用点击
回复讨论(解决方案)
xx:hover{display:block}
楼上说的情况鼠标离开后block又没了
你把 onclick 事件 换成 mousemove 事件就可以了
你把 onclick 事件 换成 mousemove 事件就可以了
写错了 换成 mouseover事件
三角图片效果的选项卡 *{ margin:0; padding:0; font-size:12px;}body{ padding:30px;}.tabsBox{ width:400px; margin:20px auto;}.tabs{ height:20px;}.tabs li{ width:80px; text-align:center; padding-top:2px; line-height:18px; float:left; background-color:#3cc; margin-right:5px; list-style:none; position:relative; cursor:pointer; color:#fff;}.tabs li span{ display:none;}.tabs .cur{ background-color:#333;}.tabs .cur span{ display:block; width:1px; height:1px; border:solid 8px; border-color:#333 #fff #fff #fff; position:absolute; top:20px; left:32px; overflow:hidden; z-index:-1;}.cons{ height:120px; padding:8px 12px; overflow:hidden; border:1px solid #333; position:relative; z-index:1;}.cons ul li{ list-style:none; line-height:20px;}.hidden{ display:none;}.block{ display:block;} 国内新闻 国际新闻 社会新闻 娱乐新闻
[讨论] border老技巧书写的倒三角[仅供参考]1 [求助] 关于 Joomla 生成的 CSS [求助] css分隔线用什么好？ [求助] 一行两列显示时内容被截断了，该怎么办？ [讨论] 中英文混排时underline出现的问题 [讨论] 关于CSS样式的书写顺序 [讨论] border老技巧书写的倒三角[仅供参考] 2 [求助] 关于 Joomla 生成的 CSS [求助] css分隔线用什么好？ [求助] 一行两列显示时内容被截断了，该怎么办？ [讨论] 中英文混排时underline出现的问题 [讨论] 关于CSS样式的书写顺序 [讨论] border老技巧书写的倒三角[仅供参考] 3 [求助] 关于 Joomla 生成的 CSS [求助] css分隔线用什么好？ [求助] 一行两列显示时内容被截断了，该怎么办？ [讨论] 中英文混排时underline出现的问题 [讨论] 关于CSS样式的书写顺序 [讨论] border老技巧书写的倒三角[仅供参考] 4 [求助] 关于 Joomla 生成的 CSS [求助] css分隔线用什么好？ [求助] 一行两列显示时内容被截断了，该怎么办？ [讨论] 中英文混排时underline出现的问题 [讨论] 关于CSS样式的书写顺序
查看更多关于鼠标经过切换选项卡怎么做，鼠标离开不隐藏，_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did103109