如果是向下的移动的话，jQuery就有现成的效果。需要向上的这种效果的话，就需要稍微复杂点了。这种也可以用css3的动画制作，关键就是你要理解，这个效果是如何实现的。鼠标移入前和移入的时候，页面的代码是怎么变的。
创新互联建站长期为1000+客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为浮山企业提供专业的成都网站制作、做网站，浮山网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。
jquery给所有的图片所在div加上鼠标悬停事件，然后得到鼠标所在div（可以通过class/id）元素，再修改div的css样式，隐藏就是display：none。
你太大意了，this你加了双引号，就错在这。。
监听滑块拖动事件：使用 Vue.js 的事件监听功能，监听用户对滑块的拖动和释放事件，并根据滑块的位置计算出偏移量。验证用户输入：在用户释放滑块时，计算滑块与背景图片之间的偏移量，并将其与预先存储的正确值进行比较。
首先随便找一张图片渲染到canvas上，这里#canvas作为画布，#block作为裁剪出来的小滑块。
滑动方法：有一种简单的滑块验证码，这种验证码要完成验证很简单，把左边的滑块按着向右拖动。拖动到最右边，就可以完成验证了，这里有验证通过的提示的。复杂的滑块，是一种类似拼图的形式的。拖动滑块到图中缺口位置就行。
1、鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。
2、//mousemove事件是mouse鼠标只要在按钮上面移动，就会触发的事件。
3、mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，mouseout事件于用户把鼠标移出一个元素时触发。
4、mousemove当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。mouseout当鼠标指针从元素上移开时，发生 mouseout 事件。mouseover当鼠标指针位于元素上方时，会发生 mouseover 事件。