前言部分 本教程最先来自鬼少博客，后论坛有人补充搜索和评论，然后又被各种转载，转完甚至还有阉割现象，导致会出现各种问题,于是，我这里再重发一次。虽然注释很清楚，但是，还有很多人看不懂，所以，我这里做了个视频，我想只要不是特别笨的，基本都看得懂了。 视频教程 如果高清还看不清，请点击此处 文字教程 先添加必要文件： <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/jquery.pjax/1.9.5/jquery.pjax.min.js"></script> 然后下面加上： <script type="text/javascript" language="javascript"> $(function() { $(document).pjax('a[target!=_blank]', '#content', {fragment:'#content', timeout:6000}); //这是a标签的pjax。#content 表示执行pjax后会发生变化的id，改成你主题的内容主体id或class。timeout是pjax响应时间限制，如果在设定时间内未响应就执行页面转跳，可自由设置。 $(document).on('submit', 'form', function (event) {$.pjax.submit(event, '#content', {fragment:'#content', timeout:6000});}); //这是提交表单的pjax。form表示所有的提交表单都会执行pjax，比如搜索和提交评论，可自行修改改成你想要执行pjax的form id或class。#content 同上改成你主题的内容主体id或class。 $(document).on('pjax:send', function() { $(".pjax_loading,.pjax_loading1").css("display", "block");//参考的loading动画代码 //执行pjax开始，在这里添加要重载的代码，可自行添加loading动画代码。例如你已调用了NProgress，在这里添加 NProgress.start(); }); $(document).on('pjax:complete', function() { $(".pjax_loading,.pjax_loading1").css("display", "none");//参考的loading动画代码 //执行pjax结束，在这里添加要重载的代码，可自行添加loading动画结束或隐藏代码。例如NProgress的结束代码 NProgress.done(); }); }); </script> <div class="pjax_loading"></div> <div class="pjax_loading1"></div> 参考css代码（可自己去百度搜索，本站也有） .pjax_loading {position: fixed;top: 45%;left: 45%;display: none;z-index: 999999;width: 124px;height: 124px;background: url('images/pjax_loading.gif') 50% 50% no-repeat;} .pjax_loading1 {position: fixed;top: 0;left: 0;z-index: 999999;display: none;width: 100%;height: 100%;background-color: #4c4c4c;opacity: .2} 参考gif动画 1.前面引用的jquery.pjax.min.js是国外大神写的jquery开源的pjax通用封装插件。 2.网上很多以上封装的教程都没有加上form事件，所以这个教程主要是解决博客的搜索和评论问题。 3.开源Pjax使用这个：https://github.com/defunkt/jquery-pjax 4.如果有需要加播放器的朋友，请进入这个页面https://pjax.cn/grfx/em_player.html

首先在模板module.php中增加已下代码： function login_to_view($content){ if (preg_match_all('/<!--loginview start-->([\s\S]*?)<!--loginview end-->/i', $content, $hide_words)){ if( ISLOGIN ){ $content = str_replace($hide_words[0], $hide_words[1], $content); }else{ $hide_notice = '<div style="text-align:center;border:1px dashed #FF9A9A;padding:8px;margin:10px auto;color:#FF6666;">您必须先<a href="'.BLOG_URL.'admin">登录</a>才能查看隐藏内容</div>'; $content = str_replace($hide_words[0], $hide_notice, $content); } } return $content; } 其次将模板echo_log.php中$log_content修改成login_to_view($log_content);即可，最后就是后台了。 使用方式： 在后台编辑文章的时候，切换到HTML模式添加：<!--loginview start-->要隐藏的内容<!--loginview end--> 原文地址：http://bbs.emlog.net/thread-51923-1-1.html

具体代码如下 CSS 样式 JS 代码 HTML 就一个div#bg简单实用 <meta http-equiv="Content-Type"content="text/html; charset=UTF-8"/> <style> div#bg { position: fixed ; top: 0; left: 0; height: 100%; width: 100%; z-index: -10; background-position: center 0; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; zoom: 1; opacity:1; transition: opacity 1s linear; -moz-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; -o-transition: opacity 1s linear; } </style> <h1><a href="http://gouji.org/?post=317">代码出处</a></h1> <div id="bg"></div> <script> // 定义图片路径 {num} 为 可变的图片序号 var bgImgUrl = 'http://gouji.org/img/bg/{num}.jpg', bgNum, bgImgArr = [], bgDiv = document.getElementById("bg"); // 组合数组 此处 200 为 图开始序号 结束 210 for (var i=200; i <= 210; i++){ bgImgArr.push(bgImgUrl.replace('{num}', i)); } setBGimg(); function setBGimg(d){ if(!bgNum || bgNum > bgImgArr.length) bgNum = 0; bgDiv.style.opacity = .001; setTimeout(function(){ bgDiv.style.backgroundImage = 'url('+ bgImgArr[bgNum] +')'; bgDiv.style.opacity = 1; }, 1000); bgNum++; if(typeof d == 'undefined') setInterval(function(){setBGimg(true);}, 6000); // 上一行的 6000 是背景图片自动切换时间(单位 毫秒) } </script> 本文转载自：爱思路