财富·雪山和院html5响应式音乐触屏版手机wap企业网站模板下载.zip资源-CSDN文库

共62个文件

png：37个

jpg：18个

js：3个

版权申诉

html5

网站模板

95 浏览量 2024-05-02 20:35:13 上传评论收藏 4.2MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

财富·雪山和院html5响应式音乐触屏版手机wap企业网站模板下载.zip （62个子文件）

财富·雪山和院html5响应式音乐触屏版手机wap企业网站模板下载

QQ图片20140614090050.png 461KB

stylee.js 91KB

main.js 50KB

jQuery.jPlayer.2.6.0

jquery.jplayer.min.js 53KB

index.html 11KB

images

outdoor_mark_1.png 59KB

computer_5.jpg 59KB

corner_title_3.png 18KB

index.jpg 76KB

corner_title_5.png 18KB

corner_5.jpg 57KB

light_title_3.png 25KB

computer_mark_3.png 14KB

ikea_city_0.jpg 70KB

computer_3.jpg 62KB

outdoor_1.jpg 68KB

corner_title_2.png 18KB

light_mark_2.png 45KB

corner_mark_5.png 42KB

light_1.jpg 54KB

outdoor_title_1.png 26KB

light_mark_1.png 41KB

music.png 5KB

computer_mark_4.png 55KB

outdoor_2.jpg 63KB

corner_mark_4.png 27KB

corner_mark_1.png 42KB

light_2.jpg 67KB

light_title_1.png 51KB

computer_title_4.png 18KB

light_title_4.png 25KB

corner_4.jpg 60KB

corner_mark_2.png 98KB

light_3.jpg 71KB

light_mark_4.png 85KB

computer_mark_2.png 9KB

computer_title_5.png 23KB

computer_mark_5.png 74KB

corner_1.jpg 76KB

light_mark_3.png 32KB

computer_title_3.png 15KB

light_4.jpg 90KB

computer_4.jpg 113KB

corner_title_4_1.png 11KB

computer_mark_1.png 40KB

light_title_2.png 35KB

music2.mp3 5KB

outdoor_title_2.png 63KB

computer_1.jpg 62KB

computer_title_1.png 38KB

outdoor_mark_2.png 28KB

load.gif 4KB

computer_2.jpg 72KB

corner_title_1.png 19KB

corner_2.jpg 45KB

outdoor_title_3.png 5KB

computer_title_2.png 29KB

corner_mark_3.png 74KB

wuwangxinan.mp3 1.39MB

light.png 6KB

corner_3.jpg 74KB

ikea_city_0.png 28KB

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>财富·雪山和院html5响应式音乐触屏版手机wap企业网站模板下载-懒人模板【http://www.lanrenmb.com/HTML5/】</title> <meta name="description" content="" /> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="-1"> <meta name="format-detection" content="telephone=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <style type="text/css"> *{margin:0;padding:0}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;}.swiper-container{height:1008px;width:640px}.device{width:640px;height:auto;margin:0 auto;position:relative;overflow:hidden}.wiper-container{height:auto;width:640px;overflow:hidden}img{display:block;border:0}.hide{display:none}.rel{position:relative}.abs{position:absolute}.swiper-slide{width:640px;height:1008px}.swiper-slide div{position:absolute;width:100%;height:100%;left:0;top:0;z-index:9}div.bg{text-align:center;z-index:9}div.main{z-index:2}div.draw{opacity:0}div.resize img{width:0;bottom:0;right:0}div.down img{width:0;bottom:0;right:0}div.info{left:640px}.ikea-audio .music p span{background:url(images/music.png) no-repeat 0 0;background-size:cover;cursor:pointer}.ikea-audio{top:1%;right:1%;z-index:999;max-width:50px}.ikea-audio .music p{width:100%;height:100%}.ikea-audio .music p span{display:none;width:100%;height:100%}.ikea-audio .music p span:first-child{display:block}.ikea-audio .music audio{height:0;width:0;opacity:0}.ikea-audio .music p span.audio_open{background-position:-100% 0}.ikea-audio .music p span.audio_close{background-position:0 0}.loading{text-align:center;height:128px;width:100%;z-index:99;top:0;left:0}.loading img{width:128px;margin:0 auto}div.videocontroller,div.video{bottom:0;left:0;height:39%;width:100%;z-index:9}div.video{z-index:10}.citylist{width:50%;height:23%;z-index:9;top:30.75%;left:25%}.citylist a{display:block;float:left;width:33%;height:25%;overflow:hidden;text-indent:-200%} .topShare { opacity:0; display:none; }.light{ cursor:pointer; position: absolute; left: -180px; top: 0; width: 180px; height: 90px; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); } .btn_music a{float:left; display:inline-block; width:13px; height:17px;margin-right:2px;} .btn_music a.weibo{width:17px;position:absolute;right:0px;top:0px;} .btn_music a.jp-play{background:url(../images/music_ico.png) no-repeat} .btn_music a.jp-pause{background:url(../images/music_ico.png) no-repeat -14px 0} .btn_music .listening-icon{background:url(../images/zSGhlXp4.gif) no-repeat;width:14px;height:14px;display:inline-block} .btn_music .listening-icon-pause{background:url(../images/OVZwOkXW.gif) no-repeat;width:14px;height:14px;display:inline-block} </style> <meta name="viewport" id="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=1.0"> <script type="text/javascript"> var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth/640; var ua = navigator.userAgent; if (/Android (\d+\.\d+)/.test(ua)){ if (phoneWidth > 640) { document.write('<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">'); } } else { document.write('<meta name="viewport" content="width=device-width, user-scalable=no, target-densitydpi=device-dpi">'); } </script> </head> <body> <div id="loading" class="loading"><img src="images/load.gif"/>加载中...</div> <div class="device rel" id="device"> <div class="swiper-container" id="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide rel"><div class="main"><img src="images/index.jpg"></div><div class="bg rel"><div id="light"><img src="images/light.png"></div></div></div>  <div class="swiper-slide rel"> <div class="main"><img class="lazy" data-original="images/corner_1.jpg"></div> <div class="bg rel"><div class="draw"><img class="lazy" data-original="images/corner_mark_1.png"></div><div class="info"><img class="lazy" data-original="images/corner_title_1.png"></div></div> </div> <div class="swiper-slide rel"> <div class="main"><img class="lazy" data-original="images/corner_2.jpg"></div> <div class="bg rel"><div class="draw"><img class="lazy" data-original="images/corner_mark_2.png"></div><div class="info"><img class="lazy" data-original="images/corner_title_2.png"></div></div> </div> <div class="swiper-slide rel"> <div class="main"><img class="lazy" data-original="images/corner_3.jpg"></div> <div class="bg rel"><div class="draw"><img class="lazy" data-original="images/corner_mark_3.png"></div><div class="info"><img class="lazy" data-original="images/corner_title_3.png"></div></div> </div> <div class="swiper-slide rel"> <div class="main"><img class="lazy" data-original="images/corner_4.jpg"></div> <div class="bg rel"><div class="draw"><img class="lazy" data-original="images/corner_mark_4.png"></div><div class="info"><img class="lazy" data-original="images/corner_title_4_1.png"></div></div> </div> <div class="swiper-slide rel"> <div class="main"><img class="lazy" data-original="images/corner_5.jpg"></div> <div class="bg rel"><div class="draw"><img class="lazy" data-original="images/corner_mark_5.png"></div><div class="info"><img class="lazy" data-original="images/corner_title_5.png"></div></div> </div>  <div class="swiper-slide rel"> <div class="main"><img class="lazy" data-original="images/light_1.jpg"></div> <div class="bg rel"><div class="info"><img class="lazy" data-original="images/light_title_1.png"></div><div class="draw"><img class="lazy" data-original="images/light_mark_1.png"></div></div> </div> <div class="swiper-slide rel"> <div class="main"><img class="lazy" data-original="images/light_2.jpg"></div> <div class="bg rel"><div class="draw"><img class="lazy" data-original="images/light_mark_2.png"></div><div class="info"><img class="lazy" data-original="images/light_title_2.png"></div></div> </div> <div class="swiper-slide rel"> <div class="main"><img class="lazy" data-original="images/light_3.jpg"></div> <div class="bg rel"><div class="draw"><img class="lazy" data-original="images/light_mark_3.png"></div><div class="info"><img class="lazy" data-original="images/light_title_3.png"></div></div> </div> <div class="swiper-slide rel"> <div class="main"><img class="lazy" data-original="images/light_4.jpg"></div> <div class="bg rel"><div class="draw"><img class="lazy" data-original="images/light_mark_4.png"></div><div class="info"><img class="lazy" data-original="images/light_title_4.png"></div></div> </div>  <div class="swiper-slide rel"> <div class="main"><img class="lazy" data-original="images/computer_1.jpg"></div> <div class="bg rel"><div class="draw"><img class="lazy" data-original="images/computer_mark_1.png"></div><div class="info"><img class="lazy" data-original="images/computer_title_1.png"></div></div> <

评论收藏

内容反馈

版权申诉