【免费】个人巡回演唱会网站模板是一款黑色质感的个人演唱会网页模板下载.rar资源-CSDN文库

共34个文件

png：15个

js：8个

jpg：6个

html

毕业设计

需积分: 0 157 浏览量 2023-09-11 08:38:51 上传评论收藏 2.38MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

个人巡回演唱会网站模板是一款黑色质感的个人演唱会网页模板下载.rar （34个子文件）

style.css 27KB

jquery.magnific-popup.js 45KB

banner.png 783KB

up-arrow.png 282B

responsiveslides.min.js 3KB

modernizr.custom.min.js 2KB

playhr.png 5KB

3.png 181KB

6.jpg 125KB

logo.png 2KB

zoom.png 531B

rect.png 2KB

phone.png 336B

popuo-box.css 8KB

1.png 899B

fb1.png.psd 13KB

fb.png 1KB

5.jpg 85KB

bootstrap.css 118KB

twitter.png 2KB

play.png 4KB

easing.js 5KB

8.jpg 68KB

move-top.js 1KB

index.html 17KB

1hr.png 824B

jquery.js 251KB

banner1.png 604KB

jquery.min.js 92KB

myscript.js 281B

3.jpg 129KB

7.jpg 129KB

map.png 105KB

4.jpg 96KB

<!DOCTYPE html> <html> <head> <title>Home</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">  <script src="js/jquery.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">   <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script>  </head> <body>  <div id="home" class="header">  <div class="container"> <div class="header-logo"> <h1><a href="#">TEMBANG <span>Jawa</span></a></h1> </div> <div class="top-nav"> <p>You are not Logged in, <a class="Signup play-icon popup-with-zoom-anim" href="#small-dialog3">Log in here </a> or<span> <a class="Signup play-icon popup-with-zoom-anim" href="#small-dialog2">Register</a></P> </div> <div class="clearfix"> </div>  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider4").responsiveSlides({ auto: true, pager: true, nav: false, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script>  <div id="top" class="callbacks_container"> <ul class="rslides" id="slider4"> <li> <div class="header-info"> <p>LIVE PERMORMANCE</p> <p>BY<span>TEMBANG</span><span class="sub-text">Jawa</span></p> <p> AT GOR SATRIA PURWOKERTO</p> <div class="red">20 SEPTEMBER 2014</div> <div class="button"><a href="#">View Here</a></div> </div> </li> <li> <div class="header-info"> <p>LIVE TELECAST</p> <p>BY<span>TEMBANG</span><span class="sub-text">Jawa</span></p> <p> AT WASHINGTON DC</p> <div class="red">24 OCTOMER 2014</div> <div class="button"><a href="#">View Here</a></div> </div> </li> <li> <div class="header-info"> <p>LIVE DANCE SHOW</p> <p>BY<span>TEMBANG</span><span class="sub-text">Jawa</span></p> <p> AT NEW YORK</p> <div class="red">15 JANUARY 2013</div> <div class="button"><a href="#">View Here</a></div> </div> </li> <li> <div class="header-info"> <p>LIVE TELECAST</p> <p>BY<span>TEMBANG</span><span class="sub-text">Jawa</span></p> <p> AT WASHINGTON DC</p> <div class="red">24 OCTOMER 2014</div> <div class="button"><a href="#">View Here</a></div> </div> </li> <li> <div class="header-info"> <p>LIVE DANCE SHOW</p> <p>BY<span>TEMBANG</span><span class="sub-text">Jawa</span></p> <p> AT NEW YORK</p> <div class="red">15 JANUARY 2013</div> <div class="button"><a href="#">View Here</a></div> </div> </li> </ul> <div class="clearfix"> </div>  </div> </div>  </div>   <div class="sticky">  <div class="container"> <div class="top-header"> <div class="fixed-header"> <div class="sticky-logo"> <h1><a class="scroll" href="#home">TEMBANG <span>Jawa</a> </span></h1> </div> <div class="sticky-nav"> <ul> <li><a class="scroll active" href="#about">About</a></li> <li><a class="scroll" href="#event">Event</a></li> <li><a class="scroll" href="#contact">Contact</a></li> </ul> </div> <div class="clearfix"> </div> </div> </div> </div>  </div>   <script> $(document).ready(function() { var navoffeset=$(".top-header").offset().top; $(window).scroll(function(){ var scrollpos=$(window).scrollTop(); if(scrollpos >=navoffeset){ $(".top-header").addClass("fixed"); }else{ $(".top-header").removeClass("fixed"); } }); }); </script>   <div class="banner"> <a class="play-icon popup-with-zoom-anim" href="#small-dialog"><span> </span></a>  <script type="text/javascript" src="js/modernizr.custom.min.js"></script> <link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" /> <script src="js/jquery.magnific-popup.js" type="text/javascript"></script>  <div id="small-dialog" class="mfp-hide"> <iframe src="//player.vimeo.com/video/64701045" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> </div> <div id="small-dialog3" class="mfp-hide"> <div class="login"> <h3>Login</h3> <p>Enter your account details to login</p> <input type="text" maxlength="20" value="EMAIL" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'EMAIL';}"> <input type="text" maxlength="10" value="PASSWORD" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'PASSWORD';}"> <input type="submit" value="Submit"/> </div> </div> <div id="small-dialog2" class="mfp-hide"> <div class="signup"> <h3>Register</h3> <h4>Please Enter Your Details</h4> <input type="text" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}" /> <input type="text" value="Second Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Second Name';}" /> <input type="text" class="email" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" /> <input type="text" class="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"/> <input type="text" class="email" value="Confirm password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Confirm password';}" /> <input type="submit" value="Submit"/> </div> </div> <script> $(document).ready(function() { $('.popup-with-zoom-anim').magnificPopup({ type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: false, midClick: true, removalDelay: 300, mainClass: 'my-mfp-zoom-in' }); }); </script> </div>   <div id="about" class="about">  <div class="container"> <h3>About Us</h3> <label> </label> </div>  <div class="border"> </div>  <div class="about-info">  <div class="container"> <div class="col-md-8 about-info-left"> <p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit cons

评论收藏

内容反馈