专业设计HTML5手机UI套件资源-CSDN文库

共61个文件

png：19个

js：15个

jpg：8个

网页模版

需积分: 9 48 浏览量 2019-12-12 15:50:32 上传评论收藏 4.9MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

moban2821.rar （61个子文件）

moban2821

css

custom.css 2KB

audio.css 6KB

jplayer.blue.monday.min.css 10KB

jquery-ui.css 4KB

clndr.css 4KB

style.css 70KB

bootstrap.css 138KB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff2 18KB

glyphicons-halflings-regular.eot 20KB

media

Blue Browne.ogg 840KB

Georgia.ogg 779KB

Blue Browne.mp3 1.41MB

Georgia.mp3 1.4MB

images

dot1.png 3KB

arrow-left.png 276B

team-2.jpg 12KB

arrow-right.png 173B

point2.png 3KB

tick.png 193B

pn.png 3KB

logo.png 27KB

nav.png 3KB

play.png 3KB

audio.png 3KB

pointer3.png 3KB

sun.png 4KB

search.png 3KB

Thumbs.db 82KB

img_sprite.png 8KB

team-4.jpg 11KB

pointer.png 3KB

team-3.jpg 13KB

jplayer.blue.monday.jpg 18KB

into.png 3KB

Untitled-4.jpg 11KB

dot.png 3KB

pic1.jpg 54KB

banner.jpg 120KB

themes1.png 3KB

into2.png 3KB

team-1.jpg 12KB

site.js 3KB

custom.js 1KB

underscore-min.js 14KB

metisMenu.min.js 2KB

clndr.js 30KB

mediaelement-and-player.min.js 70KB

moment-2.2.1.js 93KB

responsiveslides.min.js 3KB

jquery.jplayer.min.js 60KB

jplayer.playlist.min.js 9KB

bootstrap.min.js 35KB

jquery.flexisel.js 8KB

jquery-ui.min.js 197KB

jquery.min.js 94KB

easyResponsiveTabs.js 6KB

index.html 51KB

说明.htm 3KB

<!DOCTYPE html> <html> <head> <title>Home</title>  <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>  <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>   <script type="text/javascript" src="js/jquery.min.js"></script>   <link rel="stylesheet" href="css/clndr.css" type="text/css" /> <script src="js/underscore-min.js" type="text/javascript"></script> <script src= "js/moment-2.2.1.js" type="text/javascript"></script> <script src="js/clndr.js" type="text/javascript"></script> <script src="js/site.js" type="text/javascript"></script>   <link href="css/custom.css" rel="stylesheet">  <script src="js/metisMenu.min.js"></script> <script src="js/custom.js"></script>   <script> $(document).ready(function(c) { $('.alert-close').on('click', function(c){ $('.vlcone').fadeOut('slow', function(c){ $('.vlcone').remove(); }); }); }); </script> <script>$(document).ready(function(c) { $('.alert-close1').on('click', function(c){ $('.vlctwo').fadeOut('slow', function(c){ $('.vlctwo').remove(); }); }); }); </script> <script>$(document).ready(function(c) { $('.alert-close2').on('click', function(c){ $('.vlcthree').fadeOut('slow', function(c){ $('.vlcthree').remove(); }); }); }); </script>  </head> <body>  <div class="content"> <div class="container"> <div class="logo"> <a href="#">UNIQUE DESIGN UI KIT</a> </div> <div class="logo-text"> <p>BEST UI DESIGN FOR YOUR SITE</p> </div> <div class="strip"></div> <div class="slider-banner">  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider3").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="slider3"> <li> <div class="banner-info"> <p>PSITTACOSAURUS IS A GENUS OF PSITTACOSAURID CERATOPSIAN DINOSAUR FROM THE EARLY CRETACEOUS</p> <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> </div> </li> <li> <div class="banner-info"> <p>PSITTACOSAURUS IS A GENUS OF PSITTACOSAURID CERATOPSIAN DINOSAUR FROM THE EARLY CRETACEOUS</p> <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> </div> </li> <li> <div class="banner-info"> <p>PSITTACOSAURUS IS A GENUS OF PSITTACOSAURID CERATOPSIAN DINOSAUR FROM THE EARLY CRETACEOUS</p> <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> </div> </li> <li> <div class="banner-info"> <p>PSITTACOSAURUS IS A GENUS OF PSITTACOSAURID CERATOPSIAN DINOSAUR FROM THE EARLY CRETACEOUS</p> <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span> </div> </li> </ul> </div> </div> <div class="content-bottom"> <div class="cont-bot-grids"> <div class="col-md-3 cont-bot-one"> <div class="search"> <form> <input type="submit" value=" "> <input type="search" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}" required=""> </form> </div> <div class="normal"> <ul> <li> <button type="button">Normal</button> </li> <li> <button type="button">Hover</button> </li> <li> <button class="activate" type="button">Click State</button> </li> </ul> </div>  <div class="switches-check"> <div class="checkbox-grid-left"> <p> <span class="col_checkbox"> <input id="1" class="css-checkbox1" type="checkbox"> <label for="1" name="demo_lbl_1" class="css-label1"> </label> </span> Normal </p> <p> <span class="col_checkbox"> <input id="2" class="css-checkbox2" type="checkbox"> <label for="2" name="demo_lbl_2" class="css-label2"> </label> </span> Hover </p> <p> <span class="col_checkbox"> <input id="3" class="css-checkbox3" type="checkbox"> <label for="3" name="demo_lbl_3" class="css-label3"> </label> </span> Click </p> </div> <div class="checkbox-grid-left"> <p> <span class="col_checkbox"> <input id="8" class="css-checkbox8" type="checkbox"> <label for="8" name="demo_lbl_8" class="css-label8"> </label> </span> Normal </p> <p> <span class="col_checkbox"> <input id="9" class="css-checkbox9" type="checkbox"> <label for="9" name="demo_lbl_9" class="css-label9"> </label> </span> Hover </p> <p> <span class="col_checkbox"> <input id="10" class="css-checkbox10" type="checkbox"> <label for="10" name="demo_lbl_10" class="css-label10"> </label> </span> Click </p> </div> <div class="clearfix"></div> </div>  </div> <div class="col-md-4 cont-bot-two"> <div class="menu-btns"> <ul class="menu"> <li class="item1"><a href="#">Application<i class="menu-down"><span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span></i> </a> <ul class="cute"> <li class="subitem1"><a class="back-one" href="#"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>Likes </a></li> <li class="subitem2"><a class="back-one" href="#"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span>Preferences </a></li> <li class="subitem3"><a class="back-one" href="#"><span class="glyphicon glyphicon-comment" aria-hidden="true"></span>Messages </a></li> </ul> </li> <li class="item2"><a href="#">Application <i class="menu-down"><span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span> </i></a> <ul class="cute cuty"> <li class="subitem1"><a class="back-two" href="#"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>Likes </a></li> <li class="subitem2"><a class="back-two" href="#"><

评论收藏

内容反馈