JS超酷图片翻动展示效果

所属分类:UI-悬停

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

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

使用方法:

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

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

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

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

相关插件-悬停

jQuery鼠标悬停图文展示效果

网站常用效果,jQuery鼠标悬停图文展示
  悬停
 11847  221

CSS3圆形图片鼠标经过旋转效果

CSS3圆形图片鼠标经过旋转效果,图片上有简短标题和说明,兼容主流浏览器
  悬停
 28551  397

JQuery 鼠标悬停放射出炫幻效果

JQuery 鼠标悬停放射出炫幻效果 CSS 里面还带字体哦
  悬停
 26274  358

jQuery鼠标悬停方向感知移入效果

jQuery简单实现鼠标各方为移入 代码简单易懂适合初学这阅读
  悬停
 29124  452

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复