白色扁平化风格的瀑布流卡通动漫网站模板.zip资源-CSDN文库

共41个文件

png：25个

jpg：8个

js：3个

版权申诉

H5模版

Html网站模版

176 浏览量 2024-12-25 18:32:40 上传评论收藏 340KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色扁平化风格的瀑布流卡通动漫网站模板.zip （41个子文件）

8618

jquery.wookmark.js 17KB

single-post-pic.jpg 94KB

jquery.imagesloaded.js 25KB

jquery.min.js 91KB

css

style.css 24KB

main.css 3KB

index.html 15KB

single-page.html 9KB

contact.html 6KB

images

pic12.jpg 3KB

reply.png 415B

blog-icon3.png 444B

search-icon.png 657B

pic10.jpg 11KB

start-rateh.png 2KB

border.png 232B

fax.png 3KB

user-pic.png 3KB

logo.png 2KB

single-post-pic.jpg 83KB

img2.jpg 17KB

facebookh.png 469B

google+.png 540B

home.png 3KB

phone.png 3KB

facebooks.png 400B

img4.jpg 16KB

close2h.png 1019B

start-rate.png 1KB

img1.jpg 20KB

email.png 3KB

fav-icon.png 692B

img3.jpg 14KB

facebook.png 453B

blog-icon4.png 334B

rss.png 594B

blog-icon2.png 445B

twiter.png 494B

close2.png 1018B

map-pin.png 390B

nav-icon.png 666B

<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/style.css" rel='stylesheet' type='text/css' /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" type="image/x-icon" href="images/fav-icon.png" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> </script>  <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>   <link rel="stylesheet" href="css/main.css">   <script src="js/jquery.min.js"></script>  <script type="text/javascript"> var $ = jQuery.noConflict(); $(function() { $('#activator').click(function(){ $('#box').animate({'top':'0px'},500); }); $('#boxclose').click(function(){ $('#box').animate({'top':'-700px'},500); }); }); $(document).ready(function(){ //Hide (Collapse) the toggle containers on load $(".toggle_container").hide(); //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state) $(".trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("slow"); return false; //Prevent the browser jump to the link anchor }); }); </script>   </head> <body>   <div class="header"> <div class="wrap"> <div class="logo"> <a href="index.html"><img src="images/logo.png" title="pinbal" /></a> </div> <div class="nav-icon"> <a href="#" class="right_bt" id="activator"><span> </span> </a> </div> <div class="box" id="box"> <div class="box_content"> <div class="box_content_center"> <div class="form_content"> <div class="menu_box_list"> <ul> <li><a href="#"><span>home</span></a></li> <li><a href="#"><span>About</span></a></li> <li><a href="#"><span>Works</span></a></li> <li><a href="#"><span>Clients</span></a></li> <li><a href="#"><span>Blog</span></a></li> <li><a href="contact.html"><span>Contact</span></a></li> <div class="clear"> </div> </ul> </div> <a class="boxclose" id="boxclose"> <span> </span></a> </div> </div> </div> </div> <div class="top-searchbar"> <form> <input type="text" /><input type="submit" value="" /> </form> </div> <div class="userinfo"> <div class="user"> <ul> <li><a href="#"><img src="images/user-pic.png" title="user-name" /><span>Ipsum</span></a></li> </ul> </div> </div> <div class="clear"> </div> </div> </div>   <div class="content"> <div class="wrap"> <div id="main" role="main"> <ul id="tiles">  <li onclick="location.href='single-page.html';"> <img src="images/img1.jpg" width="200" height="200"> <div class="post-info"> <div class="post-basic-info"> <h3><a href="#">Animation films</a></h3> <span><a href="#"><label> </label>Movies</a></span> <p>Lorem Ipsum is simply dummy text of the printing & typesetting industry.</p> </div> <div class="post-info-rate-share"> <div class="rateit"> <span> </span> </div> <div class="post-share"> <span> </span> </div> <div class="clear"> </div> </div> </div> </li> <li onclick="location.href='single-page.html';"> <img src="images/img2.jpg" width="200" height="299"> <div class="post-info"> <div class="post-basic-info"> <h3><a href="#">Animation films</a></h3> <span><a href="#"><label> </label>Movies</a></span> <p>Lorem Ipsum is simply dummy text of the printing & typesetting industry.</p> </div> <div class="post-info-rate-share"> <div class="rateit"> <span> </span> </div> <div class="post-share"> <span> </span> </div> <div class="clear"> </div> </div> </div> </li> <li onclick="location.href='single-page.html';"> <img src="images/img3.jpg" width="200" height="214"> <div class="post-info"> <div class="post-basic-info"> <h3><a href="#">Animation films</a></h3> <span><a href="#"><label> </label>Movies</a></span> <p>Lorem Ipsum is simply dummy text of the printing & typesetting industry.</p> </div> <div class="post-info-rate-share"> <div class="rateit"> <span> </span> </div> <div class="post-share"> <span> </span> </div> <div class="clear"> </div> </div> </div> </li> <li onclick="location.href='single-page.html';"> <img src="images/img4.jpg" width="200" height="333"> <div class="post-info"> <div class="post-basic-info"> <h3><a href="#">Animation films</a></h3> <span><a href="#"><label> </label>Movies</a></span> <p>Lorem Ipsum is simply dummy text of the printing & typesetting industry.</p> </div> <div class="post-info-rate-share"> <div class="rateit"> <span> </span> </div> <div class="post-share"> <span> </span> </div> <div class="clear"> </div> </div> </div> </li>  <li onclick="location.href='single-page.html';"> <img src="images/img4.jpg" width="200" height="333"> <div class="post-info"> <div class="post-basic-info"> <h3><a href="#">Animation films</a></h3> <span><a href="#"><label> </label>Movies</a></span> <p>Lorem Ipsum is simply dummy text of the printing & typesetting industry.</p> </div> <div class="post-info-rate-share"> <div class="rateit"> <span> </span> </div> <div class="post-share"> <span> </span> </div> <div class="clear"> </div> </div> </div> </li> <li onclick="location.href='single-page.html';"> <img src="images/img3.jpg" width="200" height="214"> <div class="post-info"> <div class="post-basic-info"> <h3><a href="#">Animation films</a></h3> <span><a href="#"><label> </label>Movies</a></span> <p>Lorem Ipsum is simply dummy text of the printing & typesetting industry.</p> </div> <div class="post-info-rate-share"> <div class="rateit"> <span> </span> </div> <div class="post-share"> <span> </span> </div> <div class="clear"> </div> </div> </div> </li> <li onclick="location.href='single-page.html';"> <img

评论收藏

内容反馈

版权申诉