使用jquery或者bootstrap如何写这种鼠标移入移出的特效

我用了mouseover和mouseout效果作用不上去... 我用了mouseover和mouseout效果作用不上去 展开
 我来答
千年不死樱
2017-09-19 · TA获得超过1万个赞
知道大有可为答主
回答量:3767
采纳率:72%
帮助的人:2470万
展开全部
如果是向下的移动的话,jQuery就有现成的效果。
需要向上的这种效果的话,就需要稍微复杂点了。
这种也可以用css3的动画制作,关键就是你要理解,这个效果是如何实现的。鼠标移入前和移入的时候,页面的代码是怎么变的。
一种方法就是,每个方块其实有2个,一个是你看到的,一个是高度为0在最底部的,鼠标移入的时候,原本能看到的高度慢慢减小,原本高度为0的高度慢慢增加,把这个变化的时间调整好就是图中看到的效果了。
具体写代码的话,方法有很多,应该也有少插件或者模板可以借鉴的
追问

我用slideUp和slideDown写过了,如何将原来的图片替换,显示新的div呢?

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式