HTML5卡片人物介绍动画展示效果

所属分类:媒体-图片展示

 48888  558  查看评论 (23)
分享到微信朋友圈
X
HTML5卡片人物介绍动画展示效果 ie兼容11
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/material-cards.css">

引入3个css,一个bootstrap框架,一个字体css,一个样式css

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.material-cards.min.js"></script>

引入两个js


相关插件-图片展示

html5极速3D立体式图片相册切换效果

html5极速3D立体式图片相册切换效果
  图片展示
 89526  807

jQuery图片放大镜

实现如京东等网站放大缩小效果
  图片展示
 26202  317

360度全景展示效果

按下鼠标左键拖拽360度全景展示效果
  图片展示
 36783  434

jQuery原始图片对比插件

这是一款很实用的jQuery图片插件,它可以帮助你实现原图和经过处理的图片进行对比,这款jQuery插件一共有3中对比模式,主要是拖动中间的分割线来进行两张图片的细节对比。
  图片展示
 33023  362

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

    ?盘尼西林 0
    2019/6/27 15:45:03
    莫莫 0
    2018/12/17 9:36:35
    IE9 已测试,点击右上角的点赞按钮,无反应。可惜可惜
        ?盘尼西林0
        2019/6/27 15:44:29
        我也没有
    回复
    莫莫 0
    2018/12/17 9:19:06
    效果超级棒,可惜没有J币。支持一下吧。 回复
    GDN 0
    2018/4/24 17:12:23
    我喜欢这种效果!!! 回复
    levrson 0
    2017/7/18 11:12:44

    卡片框的颜色怎么修改啊我想用自己稀的颜色怎么弄?

        GDN0
        2018/4/24 17:13:06
        在?改
        久安丶1
        2019/3/3 16:22:14
        1,参考material-cards.css这个css文件。
        2,浏览器打开页面,F12打开开发者模式后ctrl+shift+c唤起小箭头,点击相应的框,就能知道哪个css以及哪个class控制。
        3,看看是不是js动态修改。
    回复
    I'm 0
    2017/5/22 13:21:55

    我喜欢这种效果!!!

    回复
    flyinox 0
    2017/2/25 13:19:56
    效果很赞,学习一下!谢谢 回复
    0
    2017/2/18 14:54:38
    北京-刘小艺 0
    2017/1/17 16:48:08
    ??故事缺你√ 0
    2016/12/21 16:12:53
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复