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

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

 50154  563  查看评论 (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


相关插件-图片展示

jquery 360度旋转插件UIMIX.fullview

360度旋转图片展示jquery插件UIMIX.fullview
  图片展示
 44114  374

jQuery蜂窝相框(HexagonBg.js)

jQuery六边形相框自动生成
  图片展示
 23118  303

360度全景展示效果

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

简易的jQuery无缝滚动(原创)

简易无缝滚动,只需要改变高度(不用设宽度)嗯,或许看看就知道是不是你想要的
  图片展示
 37727  441

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