JS超酷图片翻动展示效果

所属分类:UI-悬停

 35406  587  查看评论 (23)
分享到微信朋友圈
X
JS超酷图片翻动展示效果 ie兼容8

JS超酷图片翻动展示效果,根据鼠标进出图片的方向来控制图片进出的方式,效果超炫,兼容主流浏览器

使用方法:

1、head区域引用文件 jq22.css,animation.css

2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

3、js代码需要在html代码之后载入public.js,main.js

4、如需修改图片尺寸,直接在jq22.css第10行修改即可,不影响效果

相关插件-悬停

C3经过动效

各种C3鼠标经过动效
  悬停
 33469  497

jQuery图片边框线条动画效果

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

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

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

15款css3鼠标悬停图片动画文字效果

15款css3鼠标悬停图片动画文字效果
  悬停
 40548  510

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

    TODO 0
    2018/8/11 14:17:45
    lyliwenhao 0
    2016/11/29 10:11:33
    谁下载了,求630035328@qq.com 回复
    郑睿成 0
    2016/9/22 21:09:43
    倔???? 0
    2016/8/30 14:08:19
    Rain_Lane 0
    2016/7/6 10:07:10
    L 0
    2016/6/13 10:06:24
    css里用了animation也能支持IE8?????????有点夸张吧,我的项目IE9我都不敢用animation,只能全部改成jquery的animate 回复
    晓晗 0
    2016/6/10 17:06:42
    2017       0
    2016/5/16 10:05:41
    为什么跟jquer有冲突 回复
    yy272631750 0
    2016/5/10 9:05:21
    行尸走肉 0
    2016/5/5 18:05:16
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复