酷猫博客

Fycms响应式博客，自媒体模板,免费提供下载

‌ 给大家带来一个fycms响应式博客模板，自适应任何分辨率，现在移动设备的用户数量逐渐增加，自适应网站势在必行，这款模板来wp的一个主题，我下载后，套上了fycms的标签，并做了列表页和内容页，还扩展了单页和下载页，这个模板开始一直是我自己使用的，后来网站改版了，就提供给有需要的朋友！

让网页图片高度自适应宽度

‌你肯定知道width百分比可以实现图片宽度的自适应，那么你知道高度也可以根据宽度变化而自适应比变化么，看下本文就了解了！当前响应式布局，内容尺寸自适应设备是众多网站开发者的选择，毕竟现在显示器、笔记本、移动设备的尺寸太过于繁多了，其中大家都知道使用width="100%"样式可以实现元素的自适应宽度，但是让元素的高度根据宽度变化而变化却并不能直接通过css简单实

分享一款纯css3+JS实现的漂亮的404页面

‌分享一款纯css3+JS实现的漂亮的404页面，无需加载任何图片，纯代码实现雪花渲染，有详细的代码提供大家学习，感兴趣的朋友可以参考下...一起看下最终效果图

一段CSS代码让你的广告位“立起来”

‌广告对于网站来说一直是一把双刃剑，既能给网站带来利益又很有可能影响用户体验，特别是广告联盟，你永远不知道下一个广告会是什么内容。有时候我们稍微对广告模块就行美化，在一定程度上能够增色不少。比如对一个336*280px大小的矩形广告进行了调整，给它增加了一个投影的效果，就好像它立了起来，有种立体的感觉，如下图怎么做到的呢？其实也就是一段CSS的功夫，先确

网站生成静态后，浏览器打开域名让它不自动添加显示index.html操作步骤1、在主机里，修改默认文档顺序为 index.html index.php index.htm 其中最重要的是 index.html 放第一位阿里云虚拟主机百度云虚拟主机宝塔面板2、清除浏览器临时文件(不会清除去百度一下教程)3、关闭浏览器，重新打开浏览器

让网站变灰的CSS代码（支持IE、Firefox和Chrome）

当需要将网站变灰色来表达平台的哀悼时，如今主流CSS代码为主流方法！网站变灰色的CSS代码‌以上代码除了IE都支持，也是现在国内主流网站常用的方法，都对被嫌弃的IE没做特别处理了因为今年微软已经停止对IE支持更新，力推Edge浏览器，Win平台下的浏览器至此也与Chrome一致了。上方代码轻便易用，放在需要灰掉的页面即可。建议放在里。如果确定要兼容IE9及以上，可以使用下方

给网站文章标题链接添加“加载中”提示的办法

‌ 我们在上网的时候会发现有些网站在我们点击文章标题的时候会先提示“正在加载中”之类的样式，之后才会进入文章，这样的显示能从一定程度上缓和用户等待的焦虑情绪，提高用户体验，本文就给大家分享下使用JS技术添加文章标题链接提示效果。

为你的网站部署jQuery.lazyload插件实现图片延迟加载

‌大家在浏览网页的时候有没有发现有的站点页面刷新后，图片处会先显示一张默认图（如logo图等）之后随着页面的滚动，开始一张张加载图片。这其实就是图片延迟加载效果，又称之为“图片懒加载”。图片懒加载原理：先将img标签中的src链接设为同一张图片（空白图片），将其真正的图片地址存储再img标签的自定义属性中（比如data-src）。当js监听到该图片元素进入可视窗口时，

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

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

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

‌hc-sticky是一款jquery页面滚动固定元素插件,旨在使侧边栏在用户滚动页面时保持固定和永久可见。该插件可以跨浏览器使用，具有在页面滚动时将指定元素固定在窗口上的功能。该页面滚动固定元素插件有js版本和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("星期日", "星期一", "星期二","星期三","星期四", "星期五","星期六");