-
头像呼吸光环&鼠标悬停旋转放大
效果展示 代码 /*头像呼吸光环和鼠标悬停旋转放大*/ .avatar { border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s; } .avatar:hover { transform: scale(1.15) rotate(720deg); } @keyframes light { 0%{b…- 0
- 0
- 14
-
js网页背景-告白气球上升
效果图 源码简介 以前在别人网站看到过，感觉非常好看，个人小博客显摆专属。 缺点：无法覆盖滚动条下方的区域，只能显示在当前窗口区域，如果有大佬会js希望教一下，弄成整个页面都显示的。 使用方法 1、将本代码放到你想显示的地方，显示在首页就index.php里。整个网站就放在footer.php里。代码地址：气球上升.js 2、使用后需要定位和优先级排列，不然只能溢出网页。 子主题css地址：气球上…- 0
- 0
- 22
-
鼠标点击爆炸效果
第一步 eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d- 0
- 0
- 18
-
鼠标点击烟花特效
第一步 //点击特效 class Circle { constructor({ origin, speed, color, angle, context }) { this.origin = origin this.position = { ...this.origin } this.color = color this.speed = speed this.angle = angle this.…- 0
- 0
- 34
-
给B2底部版权处增加 ⎛⎝⎠⎞符号
这个是前端时间比较火的，大部分都用在网站标题的，当然你喜欢也可以直接放到标题里头用 ⎛⎝xxx⎠⎞，这里我个人不太喜欢用在标题，我我直接放在底部版权处，如下图 方法特别简单，不需要我们去改底部footer.php文件，我们用两个伪元素（before after），一前一后即可完成 .copyright a:before{ content: '⎛⎝'; left: 2px; } .copyrigh…- 0
- 0
- 24
-
网页特效live2d看板娘
如果喜欢给自己的网站加些花花草草，live2d看板娘就是一个不错的特效，人物会跟随你的鼠标动，超级可爱！ 将下面代码添加到网页适当位置即可。 <script src="https://l2dwidget.js.org/lib/L2Dwidget.min.js"></script> <script type="text/javascript"> L2Dwidget…- 0
- 0
- 487
-
一行代码为你的博客添加灰色默哀色
通过一行代码实现全站变灰 在任意css文件、style标签内加上以下属性，即可实现 <style> html { filter: grayscale(1); } </style>- 0
- 0
- 36
-
为网站添加访问提示
教程： 如果你网站开启了pjax,可能还会有点小bug,问题不大 代码: <!-- 客户端信息 --> <div id="fps" style="z-index: 5; position: fixed; bottom: 3px; left: 3px; color: #2196f3; font-size: 10px;"></div> <script type…- 0
- 0
- 432
-
为网站添加下雪代码
教程： 1、在body或者footer.php中加入以下代码： <canvas id="Snow"></canvas> 2、引入JS： <script> (function() { var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame…- 0
- 0
- 592
-
-
网站增加背景音乐代码
代码简介 有时候我们想给自己的网站加上自己的自定义歌曲 喜欢的歌曲 而我们不知道 怎么增加 如下代码就可以实现的音乐播放 代码介绍 以下代码 显示播放器 网站会显示播放器 不显示播放器 就是网站不显示播放器 不影响歌曲播放的 显示播放器音乐代码 <video controls="" autoplay="" name="media"><source src="音乐链接" type=…- 0
- 0
- 141
-
随机图片PHP代码
首先创建一个名为img的文件夹放入图片，然后创建一个名为api.php的文件放入下面的代码。 用的时候只需要直接访问api.php文件即可。 <?php $img_array = glob("img/*.{gif,jpg,png}",GLOB_BRACE); $img = array_rand($img_array); $dz = $img_array- 0
- 0
- 296
-
网站添加动态灯笼特效代码
放在CSS代码里面： .deng-box { position: fixed; top: -30px; left: -10px; z-index: 9999; pointer-events: none; } .deng-box1 { position: fixed; top: -30px; right: 5px; z-index: 9999; pointer-events: none; } .de…- 0
- 0
- 410
-
鼠标点击爆炸五颜六色特效
第一步 JS文件： eval(function(p, a, c, k, e, d) { e = function(c) { return(c < a ? "" : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36)) }; if(!''.replace(/^/, S…- 0
- 0
- 333
-
网站点击显示“富强，民主，文明，和谐”点击特效
<script type="text/javascript"> var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚…- 0
- 0
- 33
-
粒子线条背景代码
<script> !function(){ function n(n,e,t){ return n.getAttribute(e)||t } function e(n){ return document.getElementsByTagName(n) } function t(){ var t=e("script"),o=t.length,i=t- 0
- 0
- 273
-
2021新年倒计时html代码
<div class="gn_box"> <h1><center><font color=#E80017>2</font><font color=#D1002E>0</font><font color=#BA0045>2</font><font color=#A3005C>0&l…- 0
- 0
- 223
-
网站运行时间代码
样式一： <span> 本站已运行</span><span id="span_dt_dt"></span><script> /*建站时间*/ function show_date_time() { window.setTimeout("show_date_time()", 1e3); var BirthDay = new Date("20…- 0
- 0
- 243
-
网站显示天气效果代码
<center><iframe allowtransparency="true" frameborder="0" width="385" height="96" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=2&z=3&t=0&v=0&d=3&bd=0&…- 0
- 0
- 15
-
网站底部显示当前时间的装修代码
<span id=localtime></span><script type="text/javascript">function showLocale(objD) {var str,colorhead,colorfoot;var yy = objD.getYear(); if(yy<1900) yy = yy+1900; var MM = objD.ge…- 0
- 0
- 102
-
显示本站已运行天数
<span> 本站已运行</span><span id="span_dt_dt"></span><script> /*建站时间*/ function show_date_time() { window.setTimeout("show_date_time()", 1e3); var BirthDay = new Date("2019/11…- 0
- 0
- 96
-
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×
