很早就看到好多博客的网页背景有各种各样的特效，而且看到小歪博客右下角的安全认证都很好看，自己今天也折腾给本站加上了。
网页背景特效代码
Js代码效果特点：
不依赖于 jQuery 和 JavaScript 框架
轻量级，只有 1.66kb 大小
非常容易使用
使用方法：
添加本代码到贵网站需要背景效果的网页</body>前面
<replay>
<script src="http://cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js" type="text/javascript"></script>
</replay>
如果链接失效请及时联系。
安全认证代码
四款MySSL页面底部的签章样式，一款是在一直悬浮在页面右下脚，其他三款是在页面的底部。您可以结合您的喜好和网站的风格添加您中意的签章样式。
您只需要将代码添加在您网站的html页面的 body 标签中任意位置（建议添加在header或者footer位置），那么在你的网站上就会出现如图中效果展示一样的签章了。不过请注意：为了方便我们将样式用行内的形式写在了最外层的标签div中，您可以灵活的对该样式进行调整，该样式如果在移动端上显示的效果欠佳的话，您也可以将样式分离出来，并用css的@media进行调整。
样式一：
<div id="cc-myssl-id">
<a href="https://myssl.com/您的域名?from=mysslid"><img src="https://static.myssl.com/res/images/myssl-id3.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
</div>
移动端和PC端显示效果：
样式二：
<div id="cc-myssl-id" style="position: fixed;right: 0;bottom: 0;width: 65px;height: 65px;z-index: 99;">
<a href="https://myssl.com/您的域名?from=mysslid"><img src="https://static.myssl.com/res/images/myssl-id.png" alt="" style="width:100%;height:100%"></a>
</div>
移动端和PC端显示效果：
样式三：
<div id="cc-myssl-id">
<a href="https://myssl.com/您的域名?from=mysslid"><img src="https://static.myssl.com/res/images/myssl-id1.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
</div>
移动端和PC端显示效果：
样式四：
<div id="cc-myssl-id">
<a href="https://myssl.com/您的域名?from=mysslid"><img src="https://static.myssl.com/res/images/myssl-id2.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
</div>
移动端和PC端显示效果：
添加这几个样式前提你站要部署ssl证书的。
本文标签：代码HTML安全
发表评论取消回复
最后，多看一下网上大神写的代码，学习模仿。最好自己能做个小项目，一来可以把学过的知识都运用起来，二来积累项目经验，为以后工作做准备。
之前有一位大神和我说过，程序员的技能应该达到的几个境界，在这里给大家贴出来，希望大家包括我在内一起努力。