围绕 HTML、CSS、JavaScript、jQuery 等前端技术，提供各类网页特效的实现方案、源码分享与技术解析。

jQuery点击“阅读全文”展开查看全部内容

‌这是一款很实用的jQuery点击阅读全文展开查看全部内容代码，默认显示文章的一部分内容，点击“阅读全文”展示所有文章内容显示更多文字。首先引入js文件‌‌这个一般网站都有，不用二次引用。

jquery页面滚动固定元素插件HC-Sticky

‌hc-sticky是一款jquery页面滚动固定元素插件。该插件可以跨浏览器使用，具有在页面滚动时将指定元素固定在窗口上的功能。该页面滚动固定元素插件有js版本和jquery版本。使用方法 在页面中引入jQuery和hc-sticky.js文件‌初始化插件该页面滚动固定元素插件分js版本和jQuery版本，初始化方法分别如下：js版本：var Sticky = new hcSticky('#element', { stickTo: '#content'});‌jQuery版本

网页顶部加载进度条，跟随网页加载完自动消失

‌网页顶部加载进度条，跟随网页加载完自动消失如图：代码如下css:.pace { -webkit-pointer-events:none; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; user-select:none;}.pace-inactive { display:none;/*此段代码进度条跑完后隐藏*/}.pace .pace-progress { background:#ff0000;/*进度条颜色*/ position:fixed; z-index:2000; top:0; left:0;/*进度条开始位置*/ height:3px;/*进度条高度（宽度）*/ -webkit-t

纯html 404页面,一款纯css3立体效果404页面

‌css3立体效果404页面，当然，css3的立体效果自然是不支持IE678的，这没办法，不过作为css3的学习资料还是不错的，效果如下图：这个css3立体效果主要是利用了css3属性text-shadow:这个属性。因为这个css3属性可以用逗号隔开写多个，如下：text-shadow:0px 0px 2px #686868,0px 1px 1px #fff,0px 2px 1px #fff,0px 3px 1px #fff,0px 4px 1px #fff,‌这样就可以模拟立体效果。这个css3立体效果404页面的制作思路非常有借

最后加载广告的JS代码

网页打开的顺序都是按页面从上到下的顺序加载完成的，所以要想使广告不影响页面打开速度，就要等页面全部打开完成后，再加载广告JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部，等页面内容打开完成后再加载到广告代码，再用页面上预留好的的 DIV 输出广告。

JS禁止查看网页源代码的简单实现方法

‌在项目开发中有时会遇到不想让别人轻易查看到网站的源代码信息，我们有多种方法可以轻保护自己的网站源码。下面会介绍三种使用JavaScript来保护自己的网站源码的方法：最常见查看网站源码的无非有这四种：F12鼠标右键单击Ctrl+Shift+ICtrl+U以上的四种方法都可以查看到网站的源代码，我们可以通过使用JavaScript来屏蔽掉这四种状态从而实现禁止查看源代码效果。下面直接放源码。

JS显示年月日时间代码

‌常用js显示时间代码格式：北京时间：2014 年 05 月 22 日 星期四js代码： var datelocalweek=new Array("星期日", "星期一", "星期二","星期三","星期四", "星期五","星期六");

给你的网站添加运行时间

‌通常在我们建设网站的时候，时间一长就不清楚具体建设开始时间了，那么如何快捷添加网站运行时间代码呢？其实很简单，下面分享下本站使用过的方法，直接复制代码到相应位置，根据需要做合适调整即可。