jQuery3D旋转式国外产品展示特效资源-CSDN文库

共3个文件

js：1个

html：1个

css：1个

3D旋转

4星 · 超过85%的资源需积分: 31 93 浏览量 2011-05-20 13:59:45 上传评论收藏 4KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery 3D旋转式国外产品展示特效.rar （3个子文件）

jQuery 3D旋转式国外产品展示特效

index.html 4KB

styles.css 2KB

script.js 2KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Making a Slick MobileApp Website | Tutorialzine demo by http://www.jb51.net</title> <link rel="stylesheet" type="text/css" href="http://demo.jb51.net/js/mobileapp_website/styles.css" /> </head> <body> <div id="page"> <h1 id="logoh1"><a href="" id="logo">MobileApp - the most useful mobile app!</a></h1> <h2><a href="http://www.jb51.net/">Back to Tutorialzine »</a></h2> <div id="phoneCarousel"> <div class="previous arrow"></div> <div class="next arrow"></div> <div id="stage"> <img id="iphone" class="default" src="http://demo.jb51.net/js/mobileapp_website/img/phones/iphone.png" width="270" height="400" alt="iPhone" /> <img id="nexus" src="http://demo.jb51.net/js/mobileapp_website/img/phones/nexus_one.png" width="270" height="400" alt="Nexus One" /> <img id="nokia" src="http://demo.jb51.net/js/mobileapp_website/img/phones/nokia.png" width="270" height="400" alt="Nokia" /> <img id="blackberry" src="http://demo.jb51.net/js/mobileapp_website/img/phones/blackberry.png" width="270" height="400" alt="BlackBerry" /> </div> </div> <img class="availableAppStore" src="http://demo.jb51.net/js/mobileapp_website/img/available_on_the_appstore.png" width="230" height="80" alt="Available on the Appstore" /> <div class="text"> <h3><img src="http://demo.jb51.net/js/mobileapp_website/img/thumb.png" alt="MobileApp" width="114" height="114" class="thumb" />A wonderful app</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis volutpat neque, nec porta erat viverra sit amet. Integer sit amet molestie purus. Cras sed tellus vel nulla ullamcorper aliquet in et leo. Quisque tempor augue eu neque vulputate sodales. Aenean sapien urna, pretium in tincidunt et, accumsan sit amet ligula. Pellentesque tortor est, hendrerit et lacinia eu, egestas non lectus. Donec ipsum leo, imperdiet eget commodo at, vehicula non felis. Vestibulum vitae nisl massa. </p> </div> <div class="text"> <h3><img src="http://demo.jb51.net/js/mobileapp_website/img/thumb.png" alt="MobileApp" width="114" height="114" class="thumb" />More awesome facts</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis volutpat neque, nec porta erat viverra sit amet. Integer sit amet molestie purus. Cras sed tellus vel nulla ullamcorper aliquet in et leo. Quisque tempor augue eu neque vulputate sodales. Aenean sapien urna, pretium in tincidunt et, accumsan sit amet ligula. Pellentesque tortor est, hendrerit et lacinia eu, egestas non lectus. Donec ipsum leo, imperdiet eget commodo at, vehicula non felis. Vestibulum vitae nisl massa. </p> </div> </div> <p id="thanks"> The following PSDs were used in the making of this tutorial: <a href="http://livven.deviantart.com/art/Apple-iPhone-4-PSD-167151411">iPhone 4 PSD by Livven</a> | <a href="http://justflikwalk.deviantart.com/art/BlackBerry-Bold-PSD-87200296">BlackBerry Bold PSD by Justflikwalk</a> | <a href="http://zandog.deviantart.com/art/Nexus-One-by-Google-PSD-152032149">Nexus One PSD by Zandog</a> | <a href="http://trreed.deviantart.com/art/Nokia-N96-PSD-167817358">Nokia N96 PSD by Trreed</a> </p> <script type="text/javascript" src="http://demo.jb51.net/js/mobileapp_website/jquery.min.js"></script> <script type="text/javascript" src="http://demo.jb51.net/js/mobileapp_website/script.js"></script> </body> </html>

评论收藏

内容反馈