jQuery实现图片淡入交叉过渡效果

所属分类:UI,媒体-悬停,图片展示

 21248  232  查看评论 (0)
分享到微信朋友圈
X
jQuery实现图片淡入交叉过渡效果 ie兼容6

使用方法

1.需要引入jquery.js和urchin.js;

2.自定义 $.fn.cross方法,接收一个option参数,用来实例化动画参数和;

3.自定义$$.hover和$$.stop(),用来启动和停止动画

提示:使用高版本jQuery需要引用jQuery版本迁移辅助插件,低版本可不用。

相关插件-悬停,图片展示

jQuery图片边框线条动画效果

本案例的主要效果是鼠标悬停在图片上,从其中的两个角分别延伸出两条线 类似两条河流交汇的效果
  悬停
 40299  436

css3.0按钮触控悬停效果集

css3.0按钮触控悬停效果集
  悬停
 40676  466

js鼠标滑过方向感效果

js鼠标滑过方向感知三维立方体动画
  悬停
 32728  473

悬停显示图片

超炫酷鼠标悬停显示图片
  悬停
 30188  378

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复