自适应屏幕幻灯片特效有图片有文字介绍可在手机和PC网站上使用资源-CSDN文库

共15个文件

png：7个

js：4个

html：1个

自适应屏幕

PC网站

5星 · 超过95%的资源需积分: 10 35 浏览量 2014-07-14 08:27:57 上传评论收藏 478KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

有图片有文字介绍.rar （15个子文件）

自适应屏幕幻灯片特效有图片有文字介绍

css

slider.css 6KB

images

header-background.jpg 66KB

header-background2.png 47KB

bg-header.png 933B

home_banner_web-q2.png 77KB

home-banner-1.png 103KB

sprite.png1 48KB

header-background1.png 51KB

dataviz-home-image-q2.png 56KB

slider-gradient-bg.png 1KB

index.html 3KB

jquery-1.7.2.min.js 93KB

html5.js 2KB

slider.js 22KB

common.js 3KB

<!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" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title>切换效果超炫带文字的焦点图幻灯片HTML5+CSS 在线演示 DIVCSS5 </title> <link href="css/slider.css" rel="stylesheet" type="text/css" />  <script type='text/javascript' src='js/jquery-1.7.2.min.js'></script> <script type='text/javascript' src='js/common.js'></script> <script type='text/javascript' src='js/slider.js'></script> </head> <body> <div class="header-content home"> <div class="parallax-bg" id="slider-wrap"> <div class="slider parallax-bg" id="slider"> <div class="slider-sections sandbox"> <section class="first"> <img alt="Kendo UI" src="images/home-banner-1.png"/> <div class="text"> <h2>www.divcss5.com<br /> DIVCSS5 </h2> <p class="copy">一直专注于DIVCSS学习，其内容涵盖CSS教程、HTML教程，JQuery特效，CSS代码，导航菜单，PNG图标等各种网页设计相关的素材。</p> <p class="button"><a href="http://www.divcss5.com/css-texiao/texiao590.shtml" onclick="_gaq.push(['_trackPageview', 'http://www.divcss5.com/']);">Download</a> <a class="dimmed" onclick="_gaq.push(['_trackPageview', 'http://www.divcss5.com/']);" href="http://www.divcss5.com/">Learn More</a></p> </div> </section> <section> <img src="images/dataviz-home-image-q2.png" alt="Kendo UI" /> <div class="text" style="padding-top: 10px;"> <h2>DIVCSS5</h2> <p class="copy">让到DIVCSS5快速学会CSS布局技术，同时可以查找各种div CSS知识和问题解决！</p> <p class="button"><a href="http://www.divcss5.com/css-texiao/texiao590.shtml" onclick="_gaq.push(['_trackPageview', 'http://www.divcss5.com/']);">Download</a> <a class="dimmed" onclick="_gaq.push(['_trackPageview', 'http://www.divcss5.com/']);" href="http://www.divcss5.com/">Learn More</a></p> </div> </section> <section> <img src="images/home_banner_web-q2.png" alt="Kendo UI" /> <div class="text"> <h2>DIVCSS5</h2> <p class="copy">致力于成为国内最大的CSS学习与培训平台。</p> <p class="button"><a href="http://www.divcss5.com/css-texiao/texiao590.shtml" onclick="_gaq.push(['_trackPageview', 'http://www.divcss5.com/']);">Download</a> <a class="dimmed" onclick="_gaq.push(['_trackPageview', 'http://www.divcss5.com/']);" href="http://www.divcss5.com/">Learn More</a></p> </div> </section></div> </div> <a class="slider-prev" href="javascript: void(0)">?</a> <a class="slider-next" href="javascript: void(0)">?</a> </div> </div> </body> </html>

评论收藏

内容反馈