网页背景特效代码和几个安全认证样式代码

很早就看到好多博客的网页背景有各种各样的特效,而且看到小歪博客右下角的安全认证都很好看,自己今天也折腾给本站加上了。

网页背景特效代码

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>

Js文件下载点击下载

如果链接失效请及时联系。

安全认证代码

四款MySSL页面底部的签章样式,一款是在一直悬浮在页面右下脚,其他三款是在页面的底部。您可以结合您的喜好和网站的风格添加您中意的签章样式。

您只需要将代码添加在您网站的html页面的 body 标签中任意位置(建议添加在header或者footer位置),那么在你的网站上就会出现如图中效果展示一样的签章了。不过请注意:为了方便我们将样式用行内的形式写在了最外层的标签div中,您可以灵活的对该样式进行调整,该样式如果在移动端上显示的效果欠佳的话,您也可以将样式分离出来,并用css的@media进行调整。

样式一:myssl-id3-logo-1

<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端显示效果:

myssl-id3

样式二:myssl-id-logo-2

<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端显示效果:

myssl-id

样式三:myssl-id1-logo-1

<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端显示效果:

myssl-id1

样式四:myssl-id2-logo-1

<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端显示效果:

myssl-id2-3

添加这几个样式前提你站要部署ssl证书的。



本文标签:

版权声明:网页背景特效代码和几个安全认证样式代码》该篇文章出自【岳泽以博客】,如果您有任何复制、转载行为请注明原文地址!

作者:岳泽以博客

普通的的一位Web爱好者。

返回列表
上一篇:
下一篇:

发表评论

快捷回复:

评论列表 (已有9条评论)
庄子老师侯爵2020-04-11 16:42回复
很多人问大专生可以干程序员,当程序员吗,这怎么说呢,看自己怎么面对这件事了,我就是一名大专生,现在干的是后端的工作,干的JAVA语言,一直不认输的我,经历过两次高。
小帮子侯爵2020-04-10 12:02回复
很多人问大专生可以干程序,当程序员吗?这怎么说呢,看自己怎么面对这件事了。我就是一名大专生,现在干的是后端工作,干的Java语言。一直不认输的我,经历过两次高.
小帮子侯爵2020-04-10 11:59回复
四款MySSL页面底部的签章样式,一款是在一直悬浮在页面右下脚,其他三款是在页面的底部。您可以结合您的喜好和网站的风格添加您中意的签章样式
小精灵侯爵2020-04-09 11:35回复
然后就是框架的学习了,刚接触框架的时候可能会感觉很不适应,各种各样的配置文件会把你搞晕,静下心来,多问多敲,光看可不行,可能你跟着视频或者书本上敲着敲着问题就会少很多。

最后,多看一下网上大神写的代码,学习模仿。最好自己能做个小项目,一来可以把学过的知识都运用起来,二来积累项目经验,为以后工作做准备。

之前有一位大神和我说过,程序员的技能应该达到的几个境界,在这里给大家贴出来,希望大家包括我在内一起努力。
小苹果侯爵2020-04-08 14:44回复
四款页面底部的签单样式,一款是在一直县浮在而面右下脚,其他三款是在硬骨头同的底部,您可以结合您的喜好和网站的和添加您中电向身单样式,对这美国者在委载面皮狗的信任之后日子看,这一个游戏很好价值每个期待!
编程浪子侯爵2020-04-07 14:22回复
四款MYSSL页面底部的签章样式,一款是在一直悬浮在而面右下脚,其他三款是在页面的底部,您可以结合您的喜好和网站的风格添加您中意的身单样式。对这美国者在很截面皮狗的信任之后日子看,这一个游戏很好价值每个期待!