HTML5项目实战HTML5项目实战HTML5项目实战

共45个文件

png：24个

jpg：13个

gif：2个

html5

源码软件

html

需积分: 48 79 浏览量 2022-04-28 22:39:35 上传评论收藏 6.53MB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

动画网页.zip （45个子文件）

动画网页

css

index.less 20KB

index.css.map 8KB

index.css 14KB

img

plus_row.png 279B

plane1.png 50KB

leonberg.png 2KB

bg5.jpg 83KB

plane3.png 45KB

lbs.png 4KB

about2.jpg 28KB

home_gruen.png 15KB

robot.png 44KB

pencel3.png 41KB

bg3.jpg 84KB

pencel2.png 12KB

hlx.png 4KB

worksimg2.jpg 57KB

binoli.png 5KB

bg4.jpg 51KB

apcoa.png 4KB

greenLine.png 11KB

tata.png 4KB

zoomico.png 19KB

team.png 554KB

menuIndicator.png 380B

about1.jpg 24KB

musicoff.gif 77B

worksimg1.jpg 34KB

about4.jpg 24KB

gu.png 2KB

pencel1.png 11KB

home.png 1KB

audio.mp3 5.32MB

bks.png 2KB

logo.png 2KB

plane2.png 37KB

worksimg4.jpg 39KB

musicon.gif 1KB

worksimg3.jpg 40KB

about3.jpg 30KB

pcwelt.png 3KB

bg2.jpg 71KB

bg1.jpg 81KB

index.html 13KB

index.js 21KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title>  <link rel="stylesheet" href="css/index.css"> <script src="js/index.js"></script> </head> <body> <section id="wrap">  <div id="mask"> <div class="up"></div> <div class="down"></div> <span class="line"></span> </div> <header id="head">  <div class="headMain"> <h1 class="logo"> <a href="javascript:;"> <img src="img/logo.png"> </a> </h1> <div class="music"> <audio src="./img/audio.mp3" loop></audio> </div> <nav class="nav"> <ul class="list clearfix"> <li> <a href="javascript:;"> <div class="up"><img src="img/home_gruen.png"></div> <div class="down"><img src="img/home.png"></div> </a> </li> <li> <a href="javascript:;"> <div class="up">Course</div> <div class="down">Course</div> </a> </li> <li> <a href="javascript:;"> <div class="up">Works</div> <div class="down">Works</div> </a> </li> <li> <a href="javascript:;"> <div class="up">About</div> <div class="down">About</div> </a> </li> <li> <a href="javascript:;"> <div class="up">Team</div> <div class="down">Team</div> </a> </li> </ul> </nav> <div class="arrow"></div> </div> </header> <section id="content"> <ul class="list"> <li class="home c-page"> <section> <ul class="home1"> <li class="commonTitle active"> <div class="item">one layer</div> </li> <li class="commonTitle"> <div class="item">two layer</div> </li> <li class="commonTitle"> <div class="item">three layer</div> </li> <li class="commonTitle"> <div class="item">four layer</div> </li> </ul> <ul class="home2"> <li class="active"></li> <li></li> <li></li> <li></li> </ul> </section> </li> <li class="course c-page"> <section> <header class="course1 commonTitle"> <span>EINIGE</span> <br /> <span>UNSERER</span> <br /> <span>KUNDEN</span> <br /> </header> <div class="course2 commonText"> <p> Das Kundenvertrauen in unsere Kompetenz ist die notwendige Basis einer erfolgreichen Zusammenarbeit, gleichzeitig aber auch das größte Lob, das man uns entgegenbringen kann. <br /> Diese und viele weitere große und kleine Kunden vertrauen uns seit Jahren, was uns stolz macht, und dafür sagen wir an dieser Stelle einfach mal. </p> </div> <div class="course3"> <span class="line"></span> <span class="line"></span> <span class="line"></span> <span class="line"></span> <span class="line"></span> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎掰的！！！</div> </div> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎掰的！！！</div> </div> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎掰的！！！</div> </div> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎掰的！！！</div> </div> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎掰的！！！</div> </div> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎掰的！！！</div> </div> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎掰的！！！</div> </div> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎掰的！！！</div> </div> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎掰的！！！</div> </div> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎掰的！！！</div> </div> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎掰的！！！</div> </div> <div class="item"> <div class="backface"></div> <div class="face">我是呵呵哒，我喜欢文学，瞎�