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

我用了mouseover和mouseout效果作用不上去

推荐答案 2017-09-19

如果是向下的移动的话，jQuery就有现成的效果。
需要向上的这种效果的话，就需要稍微复杂点了。
这种也可以用css3的动画制作，关键就是你要理解，这个效果是如何实现的。鼠标移入前和移入的时候，页面的代码是怎么变的。
一种方法就是，每个方块其实有2个，一个是你看到的，一个是高度为0在最底部的，鼠标移入的时候，原本能看到的高度慢慢减小，原本高度为0的高度慢慢增加，把这个变化的时间调整好就是图中看到的效果了。
具体写代码的话，方法有很多，应该也有少插件或者模板可以借鉴的追问

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

温馨提示：答案为网友推荐，仅供参考

当前网址：http://44.wendadaohang.com/zd/Y3Y3D36KGVVD6WZ63ZZ.html

相似回答

使用bootstrap栅格系统需求:当鼠标悬停在图片上时显示文本,离开则隐 ...答：这个自己使用jQuery写一下就好了，大致的思路的是获取对象后绑定事件离开后display为none并且换一些css即可

我想在jsp页面上实现一个子菜单,鼠标放上去自动可以显示出下拉菜单...答：--CDN上引入bootstrap样式和插件，可以不使用，自己写一样有效果-->#subMenu {display: none;position: fixed;top: 55px;left: 10px;}function showSubMenu() {var m = document.getElementById("subMenu");m.style.display = "block";}function hiddenSubMenu() {var m = document.getElement...

js怎么控制css3动画js控制css3动画触发答：你用CSS3的方式提前写好动画样式,不要调用这个类。将鼠标设置在前端,添加一个类,这样鼠标一点,就会有CSS3动画,鼠标离开去掉样式,动画就结束了。在html代码中,当鼠标移动到按钮上时,按钮边框闪烁;鼠标离开按钮是,按钮恢复正常.求大神指导下? 1】css方式 .btn:hover{ /*调用css3动画或者可以闪烁的gif*/ } 2...

Bootstrap鼠标放上去时怎么改变背景颜色?答：1、创建一个新的html文件。如图 2、在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg 。如图：代码： 3、在title标签后创建style标签用来给bg类添加样式。在这给bg类设置了一个宽、高和背景颜色。如图代码： .bg{ width: 150px;height: 150px;background-color: red;...

大家正在搜