纯html+js+css个人博客
首页
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>主页</title><!-- 引入layui css文件 --><link rel="stylesheet" href="layui-v2.2.3/layui/css/layui.css"><!-- 自定义 css --><link rel="stylesheet" href="css/index.css"></head><body><!-- Header --><div class="header"><!-- 个性化标题 --><div class="mytitle"><label>赌书消得泼茶香</label></div><!-- 导航栏 --><div class="mymenu-content"><ul class="mymenu"><li><a href="">文章</a></li><li><a href="message.html">留言</a></li><li><a href="photos.html">相册</a></li><li><a href="about.html">简介</a></li><li><a href="aihao.html">爱好</a></li><li><a href="movies.html">电影</a></li><li><a href="books.html">书籍</a></li></ul></div><!-- 隐藏功能 --><div class="other-functions"><label>隐藏功能</label></div><!-- 搜索框 --><div class="query"><input class="keyword" placeholder="搜索内容"/><i class="layui-icon" style="margin-right: 20px; font-size: 18px;"></i></div></div><!-- 个性签名 --><div class="my-sign"><!-- 包含标志和签名 --><div class="my-signImg"><img id="my-signImg" src="img/my-sign.gif"><div class="my-signWord"><span class="my-signTitle" id="my-signTitle">匆匆时光</span><span class="my-signBody" id="my-signBody">I' am waiting for you here.</span></div></div></div><!-- Content --><div class="main-content"><!-- 个人以及所有文章、留言、照片汇总 包含大分类以及小标签 左面版 --><div class="my-totalContent"><!-- 1.个人以及汇总部分 --><div class="blog-inTotal"><!-- 头像 --><img src="img/IMG_1568.PNG"><!-- 说明 --><span>——好好学习，天天向上吧</span><!-- 各方面汇总(各项目以及数量) --><fieldset class="layui-elem-field"><legend>文章标签</legend><!-- 用于存放tags --><div class="layui-field-box" id="tagContent"><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px;font-weight: 400;">论语</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">道德经</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">余华作品</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">沈从文</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">冰心选集</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">小说散文</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">随笔</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">外国文学</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">人生感悟</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">遇见你</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">日记</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">绘画</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">诗经</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">诗词研究</span><span class="layui-badge-rim" style="height: 30px;line-height: 30px;margin-top: 13px;margin-left: 10px">历代书法</span></div></fieldset></div></div><!-- 主体显示部分 右面板 --><div class="content-body"><!-- 单个文章面板 --><div class="blog-item"><!-- 标题 --><p class="blog-title"><a href="simpleBlog.html">一个小和尚</a></p><!-- 作者以及时间 --><p class="blog-author">—— 邱建红 2017-12-14 12:36</p><img class="blog-img" src="img/pic01.jpg"/><!-- 概要 --><p class="blog-des">岁月荏苒，如梦似幻，人生只在呼吸之间而已。</p><p class="blog-tags">标签: 日记 / 人生感悟</p></div><!-- 单个文章面板 --><div class="blog-item"><!-- 标题 --><p class="blog-title"><a href="simpleBlog1.html">桃之夭夭，灼灼其华</a></p><!-- 作者以及时间 --><p class="blog-author">—— 邱建红 2017-12-18 12:03</p><img class="blog-img" src="img/pic03.jpg"/><!-- 概要 --><p class="blog-des">犹如一支山寺桃花般惊艳的你就这样在我世界里静静地除绽着。</p><p class="blog-tags">标签: 日记 / 遇见你</p></div></div><hr class="my-line"></div><script src="layui-v2.2.3/layui/layui.js"></script><!-- 引入jquery js --><script src="js/jquery-3.2.1.min.js"></script><!-- 自定义 js --><script src="js/index.js"></script><script>$(function () {//initcomponent.init();});</script></body>
</html>
登录
var component = {/*** 初始化*/init : function () {//layuicomponent.layui();//Header 以及 Total部分事件component.mySign();},/*** layui*/layui : function () {//加载layui模块layui.use(['layer', 'form', 'element'], function () {var layer = layui.layer, form = layui.form, element = layui.element//layer.msg('Hello World');});},/*** 签名类效果*/mySign : function () {//Img(monkey)var signImgTouch = function () {$(this).animate({borderRadius : 0}, 1000);};var signImgLeave = function () {$(this).animate({borderRadius : 93}, 1000);};$("#my-signImg").mouseenter(signImgTouch).mouseleave(signImgLeave);//Titlevar signTitleTouch = function () {$(this).animate({marginLeft : 50}, 800);};var signTitleLeave = function () {$(this).animate({marginLeft : 0}, 800);};$("#my-signTitle").mouseenter(signTitleTouch).mouseleave(signTitleLeave);}};私聊获取源码！！！！
运行部分图片
相关文章：
纯html+js+css个人博客
首页 <!DOCTYPE html> <html><head><meta http-equiv"Content-Type" content"text/html; charsetutf-8"><title>主页</title><!-- 引入layui css文件 --><link rel"stylesheet" href"layui-…...
二百二十一、HiveSQL报错：return code 2 from org.apache.hadoop.hive.ql.exec.mr.MapRedTask
一、目的 在运行HiveSQL时，执行报错 tatement: FAILED: Execution Error, return code 2 from org.apache.hadoop.hive.ql.exec.mr.MapRedTask 二、在yarn上查看任务报错 The required MAP capability is more than the supported max container capability in t…...
JavaEE学习笔记 2024-1-25 --VUE的入门使用
上一篇 个人整理非商业用途，欢迎探讨与指正！！ 文章目录 14.VUE基础14.1VUE的入门使用14.2条件判断14.3循环渲染14.4v-bind绑定标签属性14.5v-model表单标签的双向绑定14.6事件处理14.7axios 14.VUE基础 前端框架 UI框架:页面渲染Bootstrap,L…...
php-fpm详细讲解
PHP-FPM（FastCGI Process Manager）是PHP的一种运行模式，用于处理动态HTTP请求。 它与传统的模块式PHP（如Apache模块）相比，将PHP解析和执行过程单独封装为一个独立的进程池，通过FastCGI协议与We…...
小白水平理解面试经典题目LeetCode 455 Assign Cookies【Java实现】
455 分配cookies 小白渣翻译： 假设你是一位很棒的父母，想给你的孩子一些饼干。但是，你最多应该给每个孩子一块饼干。 每个孩子 i 都有一个贪婪因子 g[i] ，这是孩子满意的 cookie 的最小大小；每个 cookie j 都有一个…...
)
uniapp 问题汇总-问题数(2)
ios scroll-view无法滚动 使用uview折叠面板嵌套scroll-view 嵌套之后安卓可以滚动，ios无法滚动 <u-collapse accordion opencollapseOpen changecollapseChange ref"uCollapse" :valueuCollapseValue><u-collapse-item :nameindex :title&quo…...
[AG32VF407]国产MCU+FPGA Verilog编写控制2路gpio输出不同频率方波实验
视频讲解 [AG32VF407]国产MCUFPGA Verilog编写控制2路gpio输出不同频率方波实验 实验过程 根据原理图，选择两个pin脚作为输出 修改VE文件，clk选择PIN_OSC，使用内部晶振8Mhz，gpio使用PIN_51和52，pinout是数组 添加pll…...
python coding with ChatGPT 打卡第15天| 二叉树：翻转二叉树、对称二叉树
相关推荐 python coding with ChatGPT 打卡第12天| 二叉树：理论基础 python coding with ChatGPT 打卡第13天| 二叉树的深度优先遍历 python coding with ChatGPT 打卡第14天| 二叉树的广度优先遍历 文章目录 翻转二叉树Key Points相关题目视频讲解重点分析递归遍历…...
Python（19）Excel表格操作Ⅰ
目录 导包 读取EXCEL文件 1、获取worksheet名称 2、设定当前工作表 3、输出目标单元格数据 4、工作表.rows（行） 5、工作表.columns（列） 小结 导包 要想使用 python 操作 Excel 文件，应当导入 openpyxl 包。在…...
HiveSQL题——聚合函数(sum/count/max/min/avg)
目录 一、窗口函数的知识点 1.1 窗户函数的定义 1.2 窗户函数的语法 1.3 窗口函数分类 聚合函数 排序函数 前后函数 头尾函数 1.4 聚合函数 二、实际案例 2.1 每个用户累积访问次数 0 问题描述 1 数据准备 2 数据分析 3 小结 2.2 各直播间最大的同时在线人数 …...
计算机是什么做的
背景 虽然我是科班出身的，但是上大学时候，对这些内容并不感兴趣，只是简单的进行做题，考试而已。并没有思考，为啥学计算机组成原理，模电数电，微机原理，单片机，操作系统啥…...
C++多线程1(复习向笔记)
创建线程以及相关函数 当用thread类创建线程对象绑定函数后，该线程在主线程执行时就已经自动开始执行了,join起到阻塞主线程的作用 #include <iostream> #include <thread> #include <string> using namespace std; //测试函数 void printStrin…...
代理IP在游戏中的作用有哪些？
游戏代理IP的作用是什么？IP代理软件相当于连接客户端和虚拟服务器的软件“中转站”，在我们向远程服务器提出需求后，代理服务器首先获得用户的请求，然后将服务请求转移到远程服务器，然后将远程服务器反馈的结果转移到客…...
SVN Previous operation has not finished； run ‘cleanup‘ if it was interrupted
SVN cleanup出现下面的提示： svn: E155017: Can’t install ‘*’ from pristine store, because no checksum is recorded for this file svn报错：“Previous operation has not finished; run ‘cleanup’ if it was interrupted“ 解决办法 当遇到…...
MATLAB知识点：MATLAB的文件管理
讲解视频：可以在bilibili搜索《MATLAB教程新手入门篇——数学建模清风主讲》。 MATLAB教程新手入门篇（数学建模清风主讲，适合零基础同学观看）_哔哩哔哩_bilibili 节选自第2章 上一章我们说过，MATLAB是一款非常强…...
【深度学习】MNN ImageProcess处理图像顺序，逻辑，均值，方差
文章目录 介绍Opencv numpy等效的MNN处理 介绍 MNN ImageProcess处理图像是先reisze还是后resize，均值方差怎么处理，是什么通道顺序？这篇文章告诉你答案。 Opencv numpy 这段代码是一个图像预处理函数，用于对输入的图像进行一系…...
代码随想录算法训练营29期Day35|LeetCode 860,406,452
文档讲解：柠檬水找零 根据身高重建队列 用最小数量的箭引爆气球 860.柠檬水找零 题目链接：https://leetcode.cn/problems/lemonade-change/description/ 思路： 很简单，模拟即可。统计五美元、十美元和十五美元的个数。给五美元…...
20240130金融读报1分钟小得01
1、开放银行本质上是以用户需求为核心，以场景服务为切入点的共享平台金融模式，一定程度上加快了商业银行“隐形”和金融服务的无缝和泛在 2、利用自身优势进行差异化竞争，比如农信的客户面对面交流、全方位覆盖、政银紧密合作。针对劣势进行互…...
刷力扣题过程中发现的不熟的函数
C中不熟的函数 1.memset() 头文件：<string.h> void *memset(void *s,int c,unsigned long n); 为指针变量s所指的前n个字节的内存单元填充给定的int型数值c 如： int a[10]; memset(a,0,sizeof(a)); //将数组a中的数全部赋值为02.sort() &#…...
native2ascii命令详解
native2ascii命令详解 大家好，我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天，我们将深入研究一个在Java开发中常用的命令——native2ascii，解析…...
ABS+神经网络：端到端宇宙学参数推断新范式解析
1. 项目概述：当ABS遇上神经网络，一个端到端宇宙学参数推断新范式的诞生 在宇宙学研究的核心地带，有一项任务既令人着迷又充满挑战：如何从宇宙微波背景（CMB）这张宇宙婴儿时期的“照片”中，精准地…...
洛雪音乐桌面版：跨平台音乐聚合播放器的终极使用指南
洛雪音乐桌面版：跨平台音乐聚合播放器的终极使用指南 【免费下载链接】lx-music-desktop 一个基于 Electron 的音乐软件 项目地址: https://gitcode.com/GitHub_Trending/lx/lx-music-desktop 洛雪音乐桌面版是一款基于Electron和Vue 3技术栈开发的开源跨平台…...
Elsevier-Tracker：5分钟打造您的学术论文审稿进度监控系统
Elsevier-Tracker：5分钟打造您的学术论文审稿进度监控系统 【免费下载链接】Elsevier-Tracker 项目地址: https://gitcode.com/gh_mirrors/el/Elsevier-Tracker 在科研工作者的日常中，论文审稿进度追踪常常成为消耗时间与精力的隐形负担。每天反…...
LeetCode 每日一题笔记 日期：2026.05.24 题目：1340. 跳跃游戏 V
LeetCode 每日一题笔记 0. 前言 日期：2026.05.24题目：1340. 跳跃游戏 V难度：困难标签：数组、动态规划、记忆化搜索、单调栈 1. 题目理解 问题描述： 给定一个整数数组 arr 和整数 d，从下标 i 出发࿰…...
Beyond Compare 5密钥生成技术深度解密：从RSA加密到完整激活解决方案
Beyond Compare 5密钥生成技术深度解密：从RSA加密到完整激活解决方案 【免费下载链接】BCompare_Keygen Keygen for BCompare 5 项目地址: https://gitcode.com/gh_mirrors/bc/BCompare_Keygen 在软件开发与系统维护领域，Beyond Compare 5作为文件…...
Burp Suite Galaxy插件实战：上下文感知解密中枢搭建指南
1. 为什么Galaxy插件不是“又一个加解密工具”，而是Burp生态里真正能落地的解密中枢 你有没有遇到过这样的场景：在Burp Suite里抓到一串密文，比如 eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9... ，第一反应是复制进JWT.io——结果发现…...
别再折腾VMware Tools了！用FileZilla+SSH搞定Windows与Ubuntu虚拟机文件互传（保姆级教程）
告别VMware Tools烦恼：SSHFileZilla实现跨平台文件传输全攻略 每次在Windows和Ubuntu虚拟机之间传输文件时，VMware Tools总是给你带来各种麻烦？安装失败、兼容性问题、功能受限...这些问题我都经历过。今天我要分享的是一种更稳定、更通用的…...
告别GRUB安装失败：Ubuntu 22.04单硬盘安装最全避坑指南（MBR/EFI详解）
Ubuntu 22.04单硬盘安装终极指南：从MBR到UEFI的GRUB避坑手册当你满怀期待地将Ubuntu 22.04安装U盘插入电脑，却在最后关头遭遇"无法将GRUB安装到/dev/sda"的红色警告时，那种挫败感我深有体会。这不是简单的安装失败，而是…...
Windows打印服务总罢工？手把手教你排查并修复Print Spooler自动停止问题
Windows打印服务罢工？深度排查Print Spooler自动停止问题 办公室里最让人抓狂的时刻之一，莫过于点击打印后毫无反应，而打印机明明亮着绿灯。这种时候，十有八九是Windows的Print Spooler服务在"闹罢工"。作为Windows打印…...
安卓Qwen Chat 国际版 无限AI生图 图生视频
最新 2.0.0 国际版限制更少应用名称：Qwen Chat 应用版本：2.0.0 应用大小：25 MB 适用平台：Android 使用说明： 软件介绍 Qwen Chat是一款强大的多功能AI助手应用，旨在提高您的工作效率和学习体验。&am…...