822web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板

共39个文件

gif：20个

jpg：14个

js：2个

网页模板

前端源码

186 浏览量 2023-08-04 09:16:49 上传评论收藏 222KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

822web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （39个子文件）

822

jquery-func.js 445B

jquery-1.4.2.min.js 71KB

1.jpg 133KB

css

style.css 8KB

ie6.css 0B

images

content-heading.gif 4KB

sidebar-bullet-active.gif 54B

header.gif 1KB

logo.gif 3KB

post-9.jpg 2KB

post-6.jpg 3KB

bottom-middle.gif 94B

small-banner.gif 8KB

sidebar-h2-minimized.gif 76B

post-3.jpg 2KB

search-submit.gif 380B

bottom-bubble.gif 799B

popular-1.jpg 3KB

body.gif 10KB

popular-3.jpg 2KB

post-1.jpg 2KB

rss.gif 167B

post-8.jpg 3KB

sidebar-heading.gif 3KB

bottom-star.gif 1KB

content-divider.gif 50B

sidebar-bullet.gif 48B

post-7.jpg 3KB

bottom-top.gif 175B

popular-2.jpg 1KB

big-banner.gif 12KB

bottom-bottom.gif 302B

post-10.jpg 3KB

post-4.jpg 2KB

post-5.jpg 2KB

bottom-border.gif 44B

post-2.jpg 3KB

sidebar-h2-normal.gif 102B

index.html 14KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head> <title>Free CSS templateCollect from HtmlDivCss.com</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />  <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery-func.js"></script> </head> <body>  <div id="shell">  <div id="header">  <h1 id="logo"><a href="#">MEGAZZINE</a></h1>  <div class="top-bar">  <div class="links"> <a href="#">SIGN IN</a> <a href="#">SIGN UP</a> <a href="#" class="rss">SUBSCRIBE</a> </div>  <div class="cl"> </div>  <div id="search"> <form action="#" method="post"> <label for="search-string">IM LOOKING FOR</label> <div class="fields"> <input type="text" value="..." title="..." id="search-string" class="field" /> <input type="submit" value="" class="submit" /> </div> </form> </div>  </div> </div>   <div id="navigation"> <ul> <li><a href="#">HOME</a></li> <li><a href="#" class="active">ARTICLES</a></li> <li><a href="#">PHOTOS</a></li> <li><a href="#">COMMUNITY</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">CONTACT</a></li> </ul> <div class="cl"> </div> </div>   <div id="main">  <div id="content">  <div class="box"> <h2><span>CATEGORY ONE</span></h2> <a href="#" class="see-all">See all articles in this category</a> <div class="cl"> </div> <div class="posts">  <div class="post"> <div class="image"> <a href="#"><img src="css/images/post-1.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4> <p>Maecenas sodales auctor urna cursus facilisis. Cras rutrum justo id mi bibendum luctus. </p> </div> </div>   <div class="post last"> <div class="image"> <a href="#"><img src="css/images/post-2.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Maecenas scelerisque sapien </a></h4> <p>Maecenas sodales auctor urna cursus facilisis. Cras rutrum justo id mi bibendum luctus. </p> </div> </div>  <div class="cl"> </div>  <div class="post"> <div class="image"> <a href="#"><img src="css/images/post-3.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Cras ac ultrices ipsum. </a></h4> <p>Vivamus adipiscing dui at turpis imperdiet congue. Fusce posuere augue et odio bibendum non dictum nisi posuere. </p> </div> </div>   <div class="post last"> <div class="image"> <a href="#"><img src="css/images/post-4.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Nunc ac lorem id ipsum.</a></h4> <p>Maecenas sodales auctor urna cursus facilisis. Cras rutrum justo id mi bibendum luctus. </p> </div> </div>  <div class="cl"> </div> </div> </div>   <div class="box"> <h2><span>CATEGORY TWO</span></h2> <a href="#" class="see-all">See all articles in this category</a> <div class="cl"> </div> <div class="posts">  <div class="post"> <div class="image"> <a href="#"><img src="css/images/post-5.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4> <p>Maecenas sodales auctor urna cursus facilisis. Cras rutrum justo id mi bibendum luctus. </p> </div> </div>   <div class="post last"> <div class="image"> <a href="#"><img src="css/images/post-6.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Maecenas scelerisque sapien </a></h4> <p>Maecenas sodales auctor urna cursus facilisis. Cras rutrum justo id mi bibendum luctus. </p> </div> </div>  <div class="cl"> </div>  <div class="post"> <div class="image"> <a href="#"><img src="css/images/post-1.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Cras ac ultrices ipsum. </a></h4> <p>Vivamus adipiscing dui at turpis imperdiet congue. Fusce posuere augue et odio bibendum non dictum nisi posuere. </p> </div> </div>   <div class="post last"> <div class="image"> <a href="#"><img src="css/images/post-1.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Nunc ac lorem id ipsum.</a></h4> <p>Maecenas sodales auctor urna cursus facilisis. Cras rutrum justo id mi bibendum luctus. </p> </div> </div>  <div class="cl"> </div> </div> </div>   <div class="box last"> <h2><span>CATEGORY THREE</span></h2> <a href="#" class="see-all">See all articles in this category</a> <div class="cl"> </div> <div class="posts">  <div class="post"> <div class="image"> <a href="#"><img src="css/images/post-7.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4> <p>Maecenas sodales auctor urna cursus facilisis. Cras rutrum justo id mi bibendum luctus. </p> </div> </div>   <div class="post last"> <div class="image"> <a href="#"><img src="css/images/post-8.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Maecenas scelerisque sapien </a></h4> <p>Maecenas sodales auctor urna cursus facilisis. Cras rutrum justo id mi bibendum luctus. </p> </div> </div>  <div class="cl"> </div>  <div class="post"> <div class="image"> <a href="#"><img src="css/images/post-9.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Cras ac ultrices ipsum. </a></h4> <p>Vivamus adipiscing dui at turpis imperdiet congue. Fusce posuere augue et odio bibendum non dictum nisi posuere. </p> </div> </div>   <div class="post last"> <div class="image"> <a href="#"><img src="css/images/post-10.jpg" alt="" /></a> </div> <div class="data"> <h4><a href="#">Nunc ac lorem id ipsum.</a><

评论收藏

内容反馈