文章
文章用户文档快讯圈子网址导航
全部标签

装饰

  • 给博客加一个返回顶部悬挂猫

    给博客加一个返回顶部悬挂猫

    效果：点击小猫之后会回到网页顶部。 引入代码 放在header.php文件里面即可 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script type="text/javascript" src=&qu…
    网站装饰
    • 46
    • 0
    折腾猫折腾猫
  • 给博客添加一个可以拉动的小矮人

    给博客添加一个可以拉动的小矮人

    简介 按住立牌拖拽、松手后立牌会向反方向弹跳 点击底座切换角色 手机开启陀螺仪权限、摇一摇可甩动立牌 自走模式，以随机间隔、施加一个大小随机的力 音效，在适当区间松手时的语音效果 多语言支持
    网站装饰
    • 49
    • 0
    折腾猫折腾猫
  • 一个有意思的飞机特效

    一个有意思的飞机特效

    介绍 鼠标经过会触发飞机，集体效果可以下载自行体验一下！
    网站装饰
    • 70
    • 0
    折腾猫折腾猫
  • 分享一个气泡上升代码

    分享一个气泡上升代码

    代码 <script defer="" src="js/qipao.js"></script> <style> body{ background:#000; } </style> <header id="page-header" ><canvas id="canv…
    网站装饰
    • 48
    • 0
    折腾猫折腾猫
  • 为网站底部添加鱼儿跳动

    为网站底部添加鱼儿跳动

      教程 1.把以下代码放到footer.php页脚文件的合适位置 <!-- 底部加了小鱼<・)))><<~ --> <div id="jsi-flying-fish-container"></div> <script src='js/fish.js'></script&…
    Wordpress
    • 151
    • 0
    折腾猫折腾猫
  • 为网页添加音乐播放提示弹窗美化

    为网页添加音乐播放提示弹窗美化

    方法一 <!-- 音乐路径 --> <audio src="https://cdn.jsdelivr.net/gh/1426239465/music/yinyue/破茧 - 张韶涵.mp3" id="audio"></audio> <!-- 音乐路径结束 --> <!-- 核心 js 代码开始 -->…
    网站源码
    • 90
    • 0
    折腾猫折腾猫
  • 文章内页美化彩色渐变框

    文章内页美化彩色渐变框

    第一款 1.CSS代码 #zm_mhz,#zm_xgh,#zm_tkzj,#zm_xyz,#zm_gll ,#zm_xty,#zm_yyz,#zm_szh,#zm_wbk{ /*圆角值,在此定义*/ border-radius: 8px; } /*迷幻紫*/ #zm_mhz{ color: #555555; overflow: hidden; margin: 10px 0; padding: 15…
    Wordpress
    • 60
    • 0
    折腾猫折腾猫
  • WordPress文章失效提示美化版

    WordPress文章失效提示美化版

      教程 1.将下面的函数代码加入到主题目录下functions.php文件中。 //文章过期提示 function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_modified_time('Y-m-d H…
    Wordpress
    • 91
    • 0
    折腾猫折腾猫
  • 网站右侧悬浮窗HTML代码

    网站右侧悬浮窗HTML代码

    演示图 代码 HTML <div class="wapnone fk_service"> <ul> <li> <div class="fk_service_consult_cont1" style="display: none;"> <span class="fk_servi…
    网站装饰
    • 164
    • 0
    折腾猫折腾猫
  • 头像呼吸光环&鼠标悬停旋转放大

    头像呼吸光环&鼠标悬停旋转放大

    效果展示 代码 /*头像呼吸光环和鼠标悬停旋转放大*/ .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…
    网站装饰
    • 140
    • 1
    折腾猫折腾猫
  • EMLOG美化复制粘贴弹窗代码完整版

    EMLOG美化复制粘贴弹窗代码完整版

    首先在header.php文件</head>前调用以下代码： <link rel="stylesheet" href="文件地址.css" type='text/css' /> <script src="文件地址.js"></script> 其次同在header.php文…
    Emlog
    • 112
    • 0
    折腾猫折腾猫
  • 给B2底部版权处增加 ⎛⎝⎠⎞符号

    给B2底部版权处增加 ⎛⎝⎠⎞符号

    这个是前端时间比较火的，大部分都用在网站标题的，当然你喜欢也可以直接放到标题里头用 ⎛⎝xxx⎠⎞，这里我个人不太喜欢用在标题，我我直接放在底部版权处，如下图 方法特别简单，不需要我们去改底部footer.php文件，我们用两个伪元素（before  after），一前一后即可完成 .copyright a:before{ content: '⎛⎝'; left: 2px; }…
    网站装饰
    • 76
    • 0
    折腾猫折腾猫
  • 一行代码为你的博客添加灰色默哀色

    一行代码为你的博客添加灰色默哀色

    通过一行代码实现全站变灰 在任意css文件、style标签内加上以下属性，即可实现 <style> html { filter: grayscale(1); } </style>
    网站装饰
    • 71
    • 0
    折腾猫折腾猫
  • 为网站添加下雪代码

    为网站添加下雪代码

    教程： 1、在body或者footer.php中加入以下代码： <canvas id="Snow"></canvas> 2、引入JS： <script> (function() { var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnim…
    网站装饰
    • 750
    • 0
    折腾猫折腾猫
  • 全局点击事件爱心特效代码

    全局点击事件爱心特效代码

    <script> !function(e, t, a) { function r() { for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.removeChild(s[e].el), s.splice(e, 1)) : (s[e].y--, s[e].scale += .004, s[e].alpha …
    网站装饰
    • 126
    • 0
    折腾猫折腾猫
  • 网站增加背景音乐代码

    网站增加背景音乐代码

    代码简介 有时候我们想给自己的网站加上自己的自定义歌曲 喜欢的歌曲 而我们不知道 怎么增加 如下代码就可以实现的音乐播放 代码介绍 以下代码 显示播放器 网站会显示播放器 不显示播放器 就是网站不显示播放器 不影响歌曲播放的 显示播放器音乐代码 <video controls="" autoplay="" name="media"&…
    网站装饰
    • 187
    • 0
    折腾猫折腾猫
  • 随机图片PHP代码

    随机图片PHP代码

    首先创建一个名为img的文件夹放入图片，然后创建一个名为api.php的文件放入下面的代码。 用的时候只需要直接访问api.php文件即可。 <?php $img_array = glob("img/*.{gif,jpg,png}",GLOB_BRACE); $img = array_rand($img_array); $dz = $img_array[$img]; he…
    网站装饰
    • 468
    • 0
    折腾猫折腾猫
  • 网站添加动态灯笼特效代码

    网站添加动态灯笼特效代码

    放在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…
    网站装饰
    • 519
    • 0
    折腾猫折腾猫
  • 鼠标点击爆炸五颜六色特效

    鼠标点击爆炸五颜六色特效

    第一步 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(!'&…
    网站装饰
    • 587
    • 0
    折腾猫折腾猫
  • 网站点击显示“富强，民主，文明，和谐”点击特效

    网站点击显示“富强，民主，文明，和谐”点击特效

    <script type="text/javascript"> var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强", "民主", "文明&q…
    网站装饰
    • 73
    • 0
    折腾猫折腾猫
  • 粒子线条背景代码

    粒子线条背景代码

    <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[o-1]; ret…
    网站装饰
    • 495
    • 0
    折腾猫折腾猫
  • 2021新年倒计时html代码

    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=#A30…
    网站装饰
    • 299
    • 0
    折腾猫折腾猫
  • 网站运行时间代码

    网站运行时间代码

    样式一： <span> 本站已运行</span><span id="span_dt_dt"></span><script> /*建站时间*/ function show_date_time() { window.setTimeout("show_date_time()", 1e3); var Bir…
    网站装饰
    • 453
    • 0
    折腾猫折腾猫
  • 网站底部显示当前时间的装修代码

    网站底部显示当前时间的装修代码

    <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…
    网站装饰
    • 174
    • 0
    折腾猫折腾猫
❯
个人中心
今日签到
有新私信 私信列表
搜索
客服

  • 扫码打开当前页

返回顶部

查看访客信息