jQuery+CSS仿iPhone手机面板导航效果源码资源-CSDN文库

共28个文件

png：22个

js：2个

url：2个

jQuery

页面特效

3星 · 超过75%的资源需积分: 10 138 浏览量 2011-09-01 16:50:20 上传评论收藏 312KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

2010051810317265.rar （28个子文件）

学IT常用素材大全.url 125B

jQuery-CSS-iPhone-SpingBoard

css

style.css 2KB

学IT常用素材大全.url 125B

images

icon_respring.png 7KB

icon_phone.png 7KB

icon_marcofolio.png 6KB

icon_ipod.png 7KB

icon_stocks.png 8KB

icon_youtube.png 7KB

icon_safari.png 10KB

icon_mail.png 8KB

icon_calculator.png 10KB

icon_settings.png 11KB

icon_appstore.png 8KB

icon_weather.png 9KB

iphone-bg.png 121KB

icon_photos.png 10KB

icon_text.png 8KB

icon_maps.png 9KB

icon_clock.png 8KB

springboard-bar-bg.png 1KB

icon_itunes.png 8KB

icon_camera.png 9KB

icon_calendar.png 9KB

icon_notes.png 7KB

jquery-1.3.1.min.js 54KB

iphone-springboard.js 800B

index.html 5KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jQuery+CSS仿iPhone手机面板导航 by sc.xueit.com</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> <script type="text/javascript" src="js/iphone-springboard.js"></script> </head> <body> <div id="iphone-scrollcontainer"> <div id="springboard-bar"> <div class="icon"> <a href="phone.html" title="Phone" id="ico_btn"><img src="images/icon_phone.png" alt="Phone" /></a> <p class="ico_txt">Phone</p> </div> <div class="icon"> <a href="http://gmail.com/" title="Mail" class="ico_btn"><img src="images/icon_mail.png" alt="Mail" /></a> <p class="ico_txt">Mail</p> </div> <div class="icon"> <a href="http://www.apple.com/safari/" title="Safari" class="ico_btn"><img src="images/icon_safari.png" alt="Safari" /></a> <p class="ico_txt">Safari</p> </div> <div class="icon"> <a href="http://www.apple.com/ipod/" title="iPod" class="ico_btn"><img src="images/icon_ipod.png" alt="iPod" /></a> <p class="ico_txt">iPod</p> </div> </div> <div id="springboard-items"> <div class="row"> <div class="icon upleft"> <a href="http://en.wikipedia.org/wiki/Text_messaging" title="Text" class="ico_btn"><img src="images/icon_text.png" alt="Text" /></a> <p class="ico_txt">Text</p> </div> <div class="icon upleft"> <a href="http://www.google.com/calendar/" title="Calendar" class="ico_btn"><img src="images/icon_calendar.png" alt="Calendar" /></a> <p class="ico_txt">Calendar</p> </div> <div class="icon upright"> <a href="http://flickr.com/" title="Photos" class="ico_btn"><img src="images/icon_photos.png" alt="Photos" /></a> <p class="ico_txt">Photos</p> </div> <div class="icon upright"> <a href="http://www.apple.com/aperture/" title="Camera" class="ico_btn"><img src="images/icon_camera.png" alt="Camera" /></a> <p class="ico_txt">Camera</p> </div> </div> <div class="row"> <div class="icon upleft"> <a href="http://www.youtube.com/" title="YouTube" class="ico_btn"><img src="images/icon_youtube.png" alt="YouTube" /></a> <p class="ico_txt">YouTube</p> </div> <div class="icon upleft"> <a href="http://finance.yahoo.com/" title="Yahoo! Finance" class="ico_btn"><img src="images/icon_stocks.png" alt="Yahoo! Finance" /></a> <p class="ico_txt">Stocks</p> </div> <div class="icon upright"> <a href="http://maps.google.com/" title="Google Maps" class="ico_btn"><img src="images/icon_maps.png" alt="Google Maps" /></a> <p class="ico_txt">Maps</p> </div> <div class="icon upright"> <a href="http://weather.yahoo.com/" title="Weather" class="ico_btn"><img src="images/icon_weather.png" alt="Weather" /></a> <p class="ico_txt">Weather</p> </div> </div> <div class="row"> <div class="icon downleft"> <a href="http://en.wikipedia.org/wiki/Clock" title="Clock" class="ico_btn"><img src="images/icon_clock.png" alt="Clock" /></a> <p class="ico_txt">Clock</p> </div> <div class="icon downleft"> <a href="http://www.apple.com/iphone/features/calculator.html" title="Calculator" class="ico_btn"><img src="images/icon_calculator.png" alt="Calculator" /></a> <p class="ico_txt">Calculator</p> </div> <div class="icon downright"> <a href="http://sc.xueit.com/css-code/" title="Notes" class="ico_btn"><img src="images/icon_notes.png" alt="Notes" /></a> <p class="ico_txt">sc.xueit.com</p> </div> <div class="icon downright"> <a href="http://sc.xueit.com/css-code/" title="Settings" class="ico_btn"><img src="images/icon_settings.png" alt="Settings" /></a> <p class="ico_txt">sc.xueit.com</p> </div> </div> <div class="row"> <div class="icon downleft"> <a href="http://www.apple.com/itunes/" title="iTunes" class="ico_btn"><img src="images/icon_itunes.png" alt="iTunes" /></a> <p class="ico_txt">iTunes</p> </div> <div class="icon downleft"> <a href="http://www.apple.com/iphone/appstore/" title="App Store" class="ico_btn"><img src="images/icon_appstore.png" alt="App Store" /></a> <p class="ico_txt">App Store</p> </div> <div class="icon downright"> <a href="index.html" title="Respring" class="ico_btn"><img src="images/icon_respring.png" alt="Respring" /></a> <p class="ico_txt">Respring</p> </div> <div class="icon downright"> <a href="http://www.marcofolio.net/" title="Marcofolio" class="ico_btn"><img src="images/icon_marcofolio.png" alt="Marcofolio" /></a> <p class="ico_txt">Marcofolio</p> </div> </div> </div> </div> </body> </html>

评论收藏

内容反馈