利用jquery实现动画洗牌图片3D特效



83 331 111



特效描述:利用jquery实现 动画洗牌 图片3D特效,利用jquery实现动画洗牌图片3D特效

代码结构

1. 引入CSS

<link rel="stylesheet" href="demo.css?v=2">

2. 引入JS

<script src="javascript/modernizr.custom.34807.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="javascript/jquery-1.7.2.min.js"%3E%3C/script%3E'))</script>
<script src="javascript/demo.js"></script>

3. HTML代码

  <div id="container">
    <span id="information" style="display:none">你的浏览器不支持CSS3 3D变换</span>
    <h1><br></h1>
    <div id="itemlist">
    	<img src="images/busby.jpg" alt="Busby" id="busby" />
      <img src="images/gridly.jpg" alt="Gridly" id="gridly" />
      <img src="images/reco.jpg" alt="Reco" id="reco" />
      <img src="images/theblog.jpg" alt="Theblog" id="theblog" />
    </div>
    <div id="itemdescription">
      <span data-for="busby">Busby Theme</span>
      <span data-for="gridly">Gridly Theme</span>
      <span data-for="reco">Reco Theme</span>
      <span data-for="theblog">The Blog Theme</span>
    </div>
  </div>  
  <script> if(!Modernizr.csstransforms3d) document.getElementById('information').style.display = 'block'; </script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 文字叠加 滑动导航菜单 图片叠加 图片翻转旋转 html5动画导航菜单 滑动选项卡切换 文字翻转旋转 html5图片动画 图片滑动 旋转木马 html5文字动画 文字滑动 html5表情动画 滑动手风琴 html5线条动画 滑动星星打分 html5飘落动画 html5光标动画 html5悬停动画 滑动滑过 加载动画 叠加浮动层 html5弹窗动画 重叠层叠叠加 转动旋转翻转 html5动画h5动画 html5按钮动画

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到