當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

web网页制作期末大作业——蓝色的异清轩个人博客(6页) 个人博客模板源码异清轩博客

發(fā)布時間：2024/3/13 编程问答 30 豆豆

生活随笔收集整理的這篇文章主要介紹了 web网页制作期末大作业——蓝色的异清轩个人博客(6页) 个人博客模板源码异清轩博客小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

HTML5+CSS大作業(yè)——藍色的異清軒個人博客(6頁) 個人博客模板源碼異清軒博客

常見網(wǎng)頁設(shè)計作業(yè)題材有個人、美食、公司、學(xué)校、旅游、電商、寵物、電器、茶葉、家居、酒店、舞蹈、動漫、明星、服裝、體育、化妝品、物流、環(huán)保、書籍、婚紗、軍事、游戲、節(jié)日、戒煙、電影、攝影、文化、家鄉(xiāng)、鮮花、禮品、汽車、其他等網(wǎng)頁設(shè)計題目, A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!

文章目錄

HTML5+CSS大作業(yè)——藍色的異清軒個人博客(6頁) 個人博客模板源碼異清軒博客
一、作品展示
二、文件目錄
三、代碼實現(xiàn)
四、獲取更多源碼
五、學(xué)習(xí)資料
六、更多源碼

一、作品展示

二、文件目錄

三、代碼實現(xiàn)

<!doctype html>  <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>異清軒技術(shù)博客 - POWERED BY WY ALL RIGHTS RESERVED</title> <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet"> <link href="css/style.css" type="text/css" rel="stylesheet"> <link type="text/css" href="css/nprogress.css" rel="stylesheet">  <link rel="apple-touch-icon-precomposed" href="images/icon/icon.png"> <link rel="shortcut icon" href="images/icon/favicon.ico"> <meta name="Keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript"> //判斷瀏覽器是否支持HTML5 // window.onload = function() { // if (!window.applicationCache) { // window.location.href="ie.html"; // } // } </script> </head><body> <section class="container user-select"><header><div class="hidden-xs header"><h1 class="logo"> <a href="index.html" title="異清軒技術(shù)博客 - POWERED BY WY ALL RIGHTS RESERVED"></a> </h1><ul class="nav hidden-xs-nav"><li class="active"><a href="index.html"><span class="glyphicon glyphicon-home"></span>網(wǎng)站首頁</a></li><li><a href=""><span class="glyphicon glyphicon-erase"></span>網(wǎng)站前端</a></li><li><a href=""><span class="glyphicon glyphicon-inbox"></span>后端技術(shù)</a></li><li><a href=""><span class="glyphicon glyphicon-globe"></span>管理系統(tǒng)</a></li><li><a href="about.html"><span class="glyphicon glyphicon-user"></span>關(guān)于我們</a></li><li><a href="friendly.html"><span class="glyphicon glyphicon-tags"></span>友情鏈接</a></li></ul><div class="feeds"> <a class="feed feed-xlweibo" href="" target="_blank"><i></i>新浪微博</a> <a class="feed feed-txweibo" href="" target="_blank"><i></i>騰訊微博</a> <a class="feed feed-rss" href="" target="_blank"><i></i>訂閱本站</a> <a class="feed feed-weixin" data-toggle="popover" data-trigger="hover" title="微信掃一掃" data-html="true" data-content="<img src='images/weixin.jpg' alt=''>" href="javascript:;" target="_blank"><i></i>關(guān)注微信</a> </div><div class="wall"><a href="readerWall.html" target="_blank">讀者墻</a> | <a href="tags.html" target="_blank">標簽云</a></div></div><div class="visible-xs header-xs"><div class="navbar-header header-xs-logo"><button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-xs-menu" aria-expanded="false" aria-controls="navbar"><span class="glyphicon glyphicon-menu-hamburger"></span></button></div><div id="header-xs-menu" class="navbar-collapse collapse"><ul class="nav navbar-nav header-xs-nav"><li class="active"><a href="index.html"><span class="glyphicon glyphicon-home"></span>網(wǎng)站首頁</a></li><li><a href=""><span class="glyphicon glyphicon-erase"></span>網(wǎng)站前端</a></li><li><a href=""><span class="glyphicon glyphicon-inbox"></span>后端技術(shù)</a></li><li><a href=""><span class="glyphicon glyphicon-globe"></span>管理系統(tǒng)</a></li><li><a href="about.html"><span class="glyphicon glyphicon-user"></span>關(guān)于我們</a></li><li><a href="friendly.html"><span class="glyphicon glyphicon-tags"></span>友情鏈接</a></li></ul><form class="navbar-form" action="search.php" method="post" style="padding:0 25px;"><div class="input-group"><input type="text" class="form-control" placeholder="請輸入關(guān)鍵字"><span class="input-group-btn"><button class="btn btn-default btn-search" type="submit">搜索</button></span> </div></form></div></div></header><div class="content-wrap"><div class="content"><div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"><li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li><li data-target="#carousel-example-generic" data-slide-to="1"></li><li data-target="#carousel-example-generic" data-slide-to="2"></li></ol><div class="carousel-inner" role="listbox"><div class="item active"> <a href="content.html" target="_blank"><img src="images/img1.jpg" alt="" /></a><div class="carousel-caption"> 歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)等 </div><span class="carousel-bg"></span> </div><div class="item"> <a href="content.html" target="_blank"><img src="images/img2.jpg" alt="" /></a><div class="carousel-caption"> 歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)等 </div><span class="carousel-bg"></span> </div><div class="item"> <a href="content.html" target="_blank"><img src="images/img3.jpg" alt="" /></a><div class="carousel-caption"> 歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)等 </div><span class="carousel-bg"></span> </div></div><a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div><div class="content-block hot-content hidden-xs"><h2 class="title"><strong>本周熱門排行</strong></h2><ul><li class="large"><a href="content.html" target="_blank"><img src="images/img3.jpg" alt=""><h3> 歡迎來到異清軒技術(shù)博客 </h3></a></li><li><a href="content.html" target="_blank"><img src="images/logo.jpg" alt=""><h3> 歡迎來到異清軒技術(shù)博客,在這里可以看到網(wǎng)站前端和后端的技術(shù)等 </h3></a></li><li><a href="content.html" target="_blank"><img src="images/img2.jpg" alt=""><h3> 歡迎來到異清軒技術(shù)博客,在這里可以看到網(wǎng)站前端和后端的技術(shù)等 </h3></a></li><li><a href="content.html" target="_blank"><img src="images/img1.jpg" alt=""><h3> 歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)等 </h3></a></li><li><a href="content.html" target="_blank"><img src="images/logo.jpg" alt=""><h3> 歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)等 </h3></a></li></ul></div><div class="content-block new-content"><h2 class="title"><strong>最新文章</strong></h2><div class="row"><div class="news-list"><div class="news-img col-xs-5 col-sm-5 col-md-4"> <a target="_blank" href=""><img src="images/logo.jpg" alt=""> </a> </div><div class="news-info col-xs-7 col-sm-7 col-md-8"><dl><dt> <a href="" target="_blank" > 異清軒技術(shù)博客正式上線！ </a> </dt><dd><span class="name"><a href="" title="由異清軒發(fā)布" rel="author">異清軒</a></span> <span class="identity"></span> <span class="time"> 2015-10-19 </span></dd><dd class="text">歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)，還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些。</dd></dl><div class="news_bot col-sm-7 col-md-8"> <span class="tags visible-lg visible-md"> <a href="">本站</a> <a href="">異清軒</a> </span> <span class="look"> 共 <strong>2126</strong> 人圍觀，發(fā)現(xiàn) <strong> 12 </strong> 個不明物體 </span> </div></div></div><div class="news-list"><div class="news-img col-xs-5 col-sm-5 col-md-4"> <a target="_blank" href=""><img src="images/img1.jpg" alt=""> </a> </div><div class="news-info col-xs-7 col-sm-7 col-md-8"><dl><dt> <a href="" target="_blank" > 異清軒技術(shù)博客正式上線！ </a> </dt><dd><span class="name"><a href="" title="由異清軒發(fā)布" rel="author">異清軒</a></span> <span class="identity"></span> <span class="time"> 2015-10-19 </span></dd><dd class="text">歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)，還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些。</dd></dl><div class="news_bot col-sm-7 col-md-8"> <span class="tags visible-lg visible-md"> <a href="">本站</a> <a href="">異清軒</a> </span> <span class="look"> 共 <strong>2126</strong> 人圍觀，發(fā)現(xiàn) <strong> 12 </strong> 個不明物體 </span> </div></div></div><div class="news-list"><div class="news-img col-xs-5 col-sm-5 col-md-4"> <a target="_blank" href=""><img src="images/img2.jpg" alt=""> </a> </div><div class="news-info col-xs-7 col-sm-7 col-md-8"><dl><dt> <a href="" target="_blank" > 異清軒技術(shù)博客正式上線！ </a> </dt><dd><span class="name"><a href="" title="由異清軒發(fā)布" rel="author">異清軒</a></span> <span class="identity"></span> <span class="time"> 2015-10-19 </span></dd><dd class="text">歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)，還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些。</dd></dl><div class="news_bot col-sm-7 col-md-8"> <span class="tags visible-lg visible-md"> <a href="">本站</a> <a href="">異清軒</a> </span> <span class="look"> 共 <strong>2126</strong> 人圍觀，發(fā)現(xiàn) <strong> 12 </strong> 個不明物體 </span> </div></div></div><div class="news-list"><div class="news-img col-xs-5 col-sm-5 col-md-4"> <a target="_blank" href=""><img src="images/img3.jpg" alt=""> </a> </div><div class="news-info col-xs-7 col-sm-7 col-md-8"><dl><dt> <a href="" target="_blank" > 異清軒技術(shù)博客正式上線！ </a> </dt><dd><span class="name"><a href="" title="由異清軒發(fā)布" rel="author">異清軒</a></span> <span class="identity"></span> <span class="time"> 2015-10-19 </span></dd><dd class="text">歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)，還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些。</dd></dl><div class="news_bot col-sm-7 col-md-8"> <span class="tags visible-lg visible-md"> <a href="">本站</a> <a href="">異清軒</a> </span> <span class="look"> 共 <strong>2126</strong> 人圍觀，發(fā)現(xiàn) <strong> 12 </strong> 個不明物體 </span> </div></div></div><div class="news-list"><div class="news-img col-xs-5 col-sm-5 col-md-4"> <a target="_blank" href=""><img src="images/logo.jpg" alt=""> </a> </div><div class="news-info col-xs-7 col-sm-7 col-md-8"><dl><dt> <a href="" target="_blank" > 異清軒技術(shù)博客正式上線！ </a> </dt><dd><span class="name"><a href="" title="由異清軒發(fā)布" rel="author">異清軒</a></span> <span class="identity"></span> <span class="time"> 2015-10-19 </span></dd><dd class="text">歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)，還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些。</dd></dl><div class="news_bot col-sm-7 col-md-8"> <span class="tags visible-lg visible-md"> <a href="">本站</a> <a href="">異清軒</a> </span> <span class="look"> 共 <strong>2126</strong> 人圍觀，發(fā)現(xiàn) <strong> 12 </strong> 個不明物體 </span> </div></div></div><div class="news-list"><div class="news-img col-xs-5 col-sm-5 col-md-4"> <a target="_blank" href=""><img src="images/logo.jpg" alt=""> </a> </div><div class="news-info col-xs-7 col-sm-7 col-md-8"><dl><dt> <a href="" target="_blank" > 異清軒技術(shù)博客正式上線！ </a> </dt><dd><span class="name"><a href="" title="由異清軒發(fā)布" rel="author">異清軒</a></span> <span class="identity"></span> <span class="time"> 2015-10-19 </span></dd><dd class="text">歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)，還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些。</dd></dl><div class="news_bot col-sm-7 col-md-8"> <span class="tags visible-lg visible-md"> <a href="">本站</a> <a href="">異清軒</a> </span> <span class="look"> 共 <strong>2126</strong> 人圍觀，發(fā)現(xiàn) <strong> 12 </strong> 個不明物體 </span> </div></div></div><div class="news-list"><div class="news-img col-xs-5 col-sm-5 col-md-4"> <a target="_blank" href=""><img src="images/logo.jpg" alt=""> </a> </div><div class="news-info col-xs-7 col-sm-7 col-md-8"><dl><dt> <a href="" target="_blank" > 異清軒技術(shù)博客正式上線！ </a> </dt><dd><span class="name"><a href="" title="由異清軒發(fā)布" rel="author">異清軒</a></span> <span class="identity"></span> <span class="time"> 2015-10-19 </span></dd><dd class="text">歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)，還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些。</dd></dl><div class="news_bot col-sm-7 col-md-8"> <span class="tags visible-lg visible-md"> <a href="">本站</a> <a href="">異清軒</a> </span> <span class="look"> 共 <strong>2126</strong> 人圍觀，發(fā)現(xiàn) <strong> 12 </strong> 個不明物體 </span> </div></div></div><div class="news-list"><div class="news-img col-xs-5 col-sm-5 col-md-4"> <a target="_blank" href=""><img src="images/logo.jpg" alt=""> </a> </div><div class="news-info col-xs-7 col-sm-7 col-md-8"><dl><dt> <a href="" target="_blank" > 異清軒技術(shù)博客正式上線！ </a> </dt><dd><span class="name"><a href="" title="由異清軒發(fā)布" rel="author">異清軒</a></span> <span class="identity"></span> <span class="time"> 2015-10-19 </span></dd><dd class="text">歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)，還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些還有CMS內(nèi)容管理系統(tǒng)，包括但不限于這些。</dd></dl><div class="news_bot col-sm-7 col-md-8"> <span class="tags visible-lg visible-md"> <a href="">本站</a> <a href="">異清軒</a> </span> <span class="look"> 共 <strong>2126</strong> 人圍觀，發(fā)現(xiàn) <strong> 12 </strong> 個不明物體 </span> </div></div></div></div><div class="quotes" style="margin-top:15px"><span class="disabled">首頁</span><span class="disabled">上一頁</span><span class="current">1</span><a href="">2</a><a href="">下一頁</a><a href="">尾頁</a></div></div></div></div><aside class="sidebar visible-lg"><div class="sentence"> <strong>每日一句</strong><h2>2015年11月1日星期日</h2><p>你是我人生中唯一的主角，我卻只能是你故事中的一晃而過得路人甲。</p></div><div id="search" class="sidebar-block search" role="search"><h2 class="title"><strong>搜索</strong></h2><form class="navbar-form" action="search.php" method="post"><div class="input-group"><input type="text" class="form-control" size="35" placeholder="請輸入關(guān)鍵字"><span class="input-group-btn"><button class="btn btn-default btn-search" type="submit">搜索</button></span> </div></form></div><div class="sidebar-block recommend"><h2 class="title"><strong>熱門推薦</strong></h2><ul><li><a target="_blank" href=""> <span class="thumb"><img src="images/icon/icon.png" alt=""></span> <span class="text">異清軒技術(shù)博客的SHORTCUT和ICON圖標 ...</span> <span class="text-muted">閱讀(2165)</span></a></li><li><a target="_blank" href=""> <span class="thumb"><img src="images/icon/icon.png" alt=""></span> <span class="text">異清軒技術(shù)博客的SHORTCUT和ICON圖標 ...</span> <span class="text-muted">閱讀(2165)</span></a></li><li><a target="_blank" href=""> <span class="thumb"><img src="images/icon/icon.png" alt=""></span> <span class="text">異清軒技術(shù)博客的SHORTCUT和ICON圖標 ...</span> <span class="text-muted">閱讀(2165)</span></a></li><li><a target="_blank" href=""> <span class="thumb"><img src="images/icon/icon.png" alt=""></span> <span class="text">異清軒技術(shù)博客的SHORTCUT和ICON圖標 ...</span> <span class="text-muted">閱讀(2165)</span></a></li><li><a target="_blank" href=""> <span class="thumb"><img src="images/icon/icon.png" alt=""></span> <span class="text">異清軒技術(shù)博客的SHORTCUT和ICON圖標 ...</span> <span class="text-muted">閱讀(2165)</span></a></li></ul></div><div class="sidebar-block comment"><h2 class="title"><strong>最新評論</strong></h2><ul><li data-toggle="tooltip" data-placement="top" title="站長的評論"><a target="_blank" href=""><span class="face"><img src="images/icon/icon.png" alt=""></span> <span class="text"><strong>異清軒站長</strong> (2015-10-18) 說：<br />歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)等 ...</span></a></li><li data-toggle="tooltip" data-placement="top" title="讀者墻上的評論"><a target="_blank" href=""><span class="face"><img src="images/icon/icon.png" alt=""></span> <span class="text"><strong>異清軒站長</strong> (2015-10-18) 說：<br />歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)等 ...</span></a></li><li data-toggle="tooltip" data-placement="top" title="異清軒技術(shù)博客的SHORTCUT和ICON圖標...的評論"><a target="_blank" href=""><span class="face"><img src="images/icon/icon.png" alt=""></span> <span class="text"><strong>異清軒站長</strong> (2015-10-18) 說：<br />歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)等 ...</span></a></li><li data-toggle="tooltip" data-placement="top" title="異清軒技術(shù)博客的SHORTCUT和ICON圖標...的評論"><a target="_blank" href=""><span class="face"><img src="images/icon/icon.png" alt=""></span> <span class="text"><strong>異清軒站長</strong> (2015-10-18) 說：<br />歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)等 ...</span></a></li><li data-toggle="tooltip" data-placement="top" title="異清軒技術(shù)博客的SHORTCUT和ICON圖標...的評論"><a target="_blank" href=""><span class="face"><img src="images/icon/icon.png" alt=""></span> <span class="text"><strong>異清軒站長</strong> (2015-10-18) 說：<br />歡迎來到異清軒技術(shù)博客，在這里可以看到網(wǎng)站前端和后端的技術(shù)等 ...</span></a></li></ul></div></aside><footer class="footer">POWERED BY ©<a href="http://www.ylsat.com">異清軒 YLSAT.COM</a> ALL RIGHTS RESERVED    <span><a href="http://www.miitbeian.gov.cn/" target="_blank">豫ICP備15026801號-1</a></span> <span style="display:none"><a href="">網(wǎng)站統(tǒng)計</a></span> </footer> </section> <div><a href="javascript:;" class="gotop" style="display:none;"></a></div>  <script src="js/jquery-2.1.4.min.js" type="text/javascript"></script> <script src="js/nprogress.js" type="text/javascript" ></script> <script src="js/bootstrap.min.js" type="text/javascript"></script> <script type="text/javascript"> //頁面加載 $('body').show(); $('.version').text(NProgress.version); NProgress.start(); setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000); //返回頂部按鈕 $(function(){$(window).scroll(function(){if($(window).scrollTop()>100){$(".gotop").fadeIn(); }else{$(".gotop").hide();}});$(".gotop").click(function(){$('html,body').animate({'scrollTop':0},500);}); }); //提示插件啟用 $(function () {$('[data-toggle="popover"]').popover(); }); $(function () {$('[data-toggle="tooltip"]').tooltip(); }); //鼠標滑過顯示滑離隱藏 $(function(){$(".carousel").hover(function(){$(this).find(".carousel-control").show();},function(){$(this).find(".carousel-control").hide();}); }); $(function(){$(".hot-content ul li").hover(function(){$(this).find("h3").show();},function(){$(this).find("h3").hide();}); }); //頁面元素智能定位 $.fn.smartFloat = function() { var position = function(element) { var top = element.position().top; //當(dāng)前元素對象element距離瀏覽器上邊緣的距離 var pos = element.css("position"); //當(dāng)前元素距離頁面document頂部的距離$(window).scroll(function() { //偵聽滾動時 var scrolls = $(this).scrollTop(); if (scrolls > top) { //如果滾動到頁面超出了當(dāng)前元素element的相對頁面頂部的高度 if (window.XMLHttpRequest) { //如果不是ie6 element.css({ //設(shè)置css position: "fixed", //固定定位,即不再跟隨滾動 top: 0 //距離頁面頂部為0 }).addClass("shadow"); //加上陰影樣式.shadow } else { //如果是ie6 element.css({ top: scrolls //與頁面頂部距離 }); } }else { element.css({ //如果當(dāng)前元素element未滾動到瀏覽器上邊緣，則使用默認樣式 position: pos, top: top }).removeClass("shadow");//移除陰影樣式.shadow } }); }; return $(this).each(function() { position($(this)); }); }; //啟用頁面元素智能定位 $(function(){$("#search").smartFloat(); }); //異步加載更多內(nèi)容 jQuery("#pagination a").on("click", function () {var _url = jQuery(this).attr("href");var _text = jQuery(this).text();jQuery(this).attr("href", "javascript:viod(0);");jQuery.ajax({type : "POST",url : _url,success : function (data){//將返回的數(shù)據(jù)進行處理，挑選出class是news-list的內(nèi)容塊result = jQuery(data).find(".row .news-list");//newHref獲取返回的內(nèi)容中的下一頁的鏈接地址nextHref = jQuery(data).find("#pagination a").attr("href");jQuery(this).attr("href", _url);if (nextHref != undefined){jQuery("#pagination a").attr("href", nextHref);}else{jQuery("#pagination a").html("下一頁沒有了").removeAttr("href")}// 漸顯新內(nèi)容jQuery(function (){jQuery(".row").append(result.fadeIn(300));jQuery("img").lazyload({effect : "fadeIn"});});}});return false; }); </script> </body> </html>

四、獲取更多源碼

~ 關(guān)注我，點贊博文~ 每天帶你漲知識!
相關(guān)問題可以相互學(xué)習(xí)，可關(guān)注↓公Z號獲取更多源碼 !

五、學(xué)習(xí)資料

web前端零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站

六、更多源碼

PC電腦端關(guān)注我們

HTML5期末考核大作業(yè)源碼* 包含個人、美食、公司、學(xué)校、旅游、電商、寵物、電器、茶葉、家居、酒店、舞蹈、動漫、明星、服裝、體育、化妝品、物流、環(huán)保、書籍、婚紗、軍事、游戲、節(jié)日、戒煙、電影、攝影、文化、家鄉(xiāng)、鮮花、禮品、汽車、其他可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!

總結(jié)

以上是生活随笔為你收集整理的web网页制作期末大作业——蓝色的异清轩个人博客(6页) 个人博客模板源码异清轩博客的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇： DM数据库安装、踩雷、解决办法
下一篇： vc++之windows api