为了账号安全,请及时绑定邮箱和手机立即绑定

鼠标悬浮效果

难度初级
时长 1小时 0分
学习人数
综合评分8.73
72人评价 查看评价
9.1 内容实用
8.3 简洁易懂
8.8 逻辑清晰

已采纳回答 / 田心枫
看看下面同学的代码

已采纳回答 / 田心枫
没有吧  有的话视频右下方有的

已采纳回答 / 慕粉3914370
只用css也可实现效果,每个红色点做<a>,CSS:a {display:block;背景gif红点;宽、高,transition-duration: 1s},a:hover { 背景实景图,实景图宽度、高度},结束,但是这个 估计是以前的吧 我觉得以前要做这个效果就麻烦啊

最赞回答 / SwordEdge
除了那张地图,那个跳动的小圆点可以用纯CSS3来写出来,更加方便:<...code...>

最赞回答 / wateryang
看了3遍视频,依然没有找到实景图的插入方式,然后在自己写DEMO的时候,在class = detailImg 的DIV中插入 img实景图。并且在css中进行简单的布局,结合老师的JS代码,可以得到最终的展示效果。<...图片...>代码如图。。。

最赞回答 / D__C
实际项目中也不会这么直接把坐标值写死在CSS中,所以并不实用

最赞回答 / 周末00
可以使用css的animation属性来设置出类似效果
首页上一页1234下一页尾页
课程须知
HTML CSS JS
老师告诉你能学到什么?
通过JS在鼠标移动的时候以淡入淡出的方式出现和隐藏相应的实景图

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消