插件描述：本案例的主要效果是鼠标悬停在图片上，从其中的两个角分别延伸出两条线 类似两条河流交汇的效果
效果描述：
本案例的主要效果是鼠标悬停在图片上，从其中的两个角分别延伸出两条线
类似两条河流交汇的效果
原理：
建立四个div，与图片同等级，用绝对定位的方法定位到图片了两个对角
给一个默认的颜色，默认高度为0
当鼠标悬停在图片上后，出发jQuery的animate属性，分别改变四个div的宽度或者高度
这个时候将产生四条线的延伸动画效果
使用方法：
1、将css样式引入到你的网页中
2、将body中的代码部分拷贝到你需要的地方即可
(js、图片采用绝对路径，不建议修改路径)
PREVIOUS:
NEXT:
相关插件-悬停
讨论这个项目（8）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
----- 0
2017/8/16 23:02:11
原理蛮简单的啊，不用下，自己尝试
若兮相言0
2018/3/16 14:46:03
-
能提箱一下死用什么原理实现吗
若兮相言0
2018/3/16 14:50:50
-
打错字了 跪求一份913611134@qq.com
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
