div+css怎样实现鼠标移上去出现这样的样式

 我来答
玉奇峰
推荐于2017-06-16 · TA获得超过784个赞
知道小有建树答主
回答量:331
采纳率:0%
帮助的人:117万
展开全部

据我的经验,最好的方法是使用hover属性,把右侧的div放在hover的内部,例如:

<ul>
<li>
   <a href="#"> 职业资格 </a> 
    <div class="right">
        盒子一号
    </div>
</li>
<li>
   <a href="#"> 外语类 </a> 
    <div class="right">
        盒子二号
    </div>
</li>

</ul>

关键的css代码:

ul li:hover .right {display: block}

默认;

ul li .right {display: none}
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友136e176
2017-07-27 · TA获得超过155个赞
知道小有建树答主
回答量:289
采纳率:0%
帮助的人:39.9万
展开全部
div+css+js实现层的隐藏显示移动到24小时最热 就显示 它的内容层 移动到最新推荐就显示它的层
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
猜不透nph
2014-03-20 · 超过21用户采纳过TA的回答
知道答主
回答量:80
采纳率:0%
帮助的人:55.1万
展开全部

我这个有个例子,上次做的,不过使用json做出来的,这个整体的效果,大概就是右侧一个div,然后利用绝对定位就行了,主要还是看你的css是否能写准确。

更多追问追答
追问
谢谢
追答
求采纳,呵呵
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
浅浅de誓言
2017-08-01 · TA获得超过1429个赞
知道小有建树答主
回答量:1214
采纳率:50%
帮助的人:1295万
展开全部
可以直接用$("#xx").onmouseover(function(){});
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
海阔天空的传奇
2017-06-17
知道答主
回答量:14
采纳率:0%
帮助的人:2.8万
展开全部
利用CSS的hover,对元素的隐藏显示display
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式