很早就看到好多博客的网页背景有各种各样的特效,而且看到小歪博客右下角的安全认证都很好看,自己今天也折腾给本站加上了。
网页背景特效代码
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安全
发表评论取消回复
最后,多看一下网上大神写的代码,学习模仿。最好自己能做个小项目,一来可以把学过的知识都运用起来,二来积累项目经验,为以后工作做准备。
之前有一位大神和我说过,程序员的技能应该达到的几个境界,在这里给大家贴出来,希望大家包括我在内一起努力。