2401_83334819的博客

原创 jQuery动画效果综合演示

元代 陆文圭动画放大

原创 基于jQuery打造的前端作业汇总展示网页

本项目是一个个人作品集网站，旨在展示作者在数字技术领域的学习成果与实践能力。网站采用HTML、CSS和jQuery构建，整体结构清晰，布局合理，包含头部、导航栏、主内容区及页脚等模块。头部区域展示了欢迎信息及用户头像，并通过按钮实现页面跳转功能；左侧导航栏提供了多个链接，指向不同功能的示例页面，如HTML结构说明、jQuery引入、动画效果实现等，便于访问者快速浏览与学习；主内容区域使用`iframe`嵌入外部页面，实现内容动态加载。此外，网站还设计了弹出框功能，点击用户名或头像即可显示个人信息，增强了交互

原创 基于html5、css3、JavaScript编写的前端期末作业五子棋项目

本文介绍了一个基于HTML、CSS和JavaScript构建的个人作品集网页项目。页面采用**响应式布局设计**，使用`flex布局`实现结构清晰的导航栏与主内容区域动态展示。通过`iframe`加载外部页面内容，实现了模块化浏览体验。页面头部包含交互按钮和弹出个人信息框功能，提升了用户体验。文章重点展示了如何结合**jQuery库**实现页面跳转、弹窗动画及交互效果，并介绍了页面底部版权信息与整体风格统一的设计思路。该项目适用于前端学习者参考实践，具有良好的扩展性和实用性。

原创 html3D盒子

3D盒子

原创 html3D元素示例

body{div {.box1 {*/.box2 {</style></div>

原创 html 动画过渡

动画

原创 html flex相关布局

原创 小米商城仿写

小米官网小米商城前端代码仿写

原创 QQ音乐前端代码仿写

<span>关于腾讯</span>|<span>About Tcentent</span>|<span>服务条款</span>|<span>用户协议</span>|<span>隐私政策</span>|<span>权力声明</span>|<span>广告服务</span>|<span>腾讯招聘</span>|<span>客服中心</span>|<span>网站导航</span>|<span>举报中心</span>

原创 前端传统布局，小米商城首页仿写（学习交流示例使用）

<img src="img/米14U.webp" width="200px" height="850px" /></div><div class="box11"><img src="img/板子.webp" width="200px" height="620px" />

原创 html元素过渡和转换

* 方位词(left,right,center),垂直方向(top,bottom,center) */1.位移：translate（x轴，y轴），translatex（x轴），translatey（y轴）2.缩放scale（倍数），scalex（宽度缩放），scaley（高度缩放）3.旋转rotate（度数），单位deg，正数顺时针，负数逆时针。ease-in-out：低速开始和低速结束。ease:快-慢-快，默认值。ease-out：低速结束。ease-in：低速开始。html元素过渡示例。

原创 HTML前端代码问卷星仿写（学习使用）

HTML前端代码问卷星仿写，仅学习交流使用

原创 html传统前端布局制作（以小米商城为例，该文章仅学习交流使用）

传统前端布局盒子模型，适合初学者学习交流

原创 HTML CSS学习笔记1

盒子模型

原创 HTML CSS学习笔记

<strong><p class="box">hello 段落</p >元素模式的转换：display+模式名称-->可以控制width height 对齐属性。3.行内块元素inline-block。<del>hello 删除线显示模式

原创 css基础学习

">古诗中文网</h2> <!同时对一个标签作用内联样式，内部样式，外部样式时，样式采用的优先级，<p class="col" id="size">所谓伊人，在水一方</p >3.id选择: 在结构中用id属性，在样式中用#id名。<p class="col">蒹葭苍苍，白露为霜</p >-- 关联外部样式：link标签 -->-- css:层叠样式表又叫级联样式表 --><h3 class="col">蒹葭</h3>-- 内部样式：type可有可无 -->#size{/*id选择器*/

原创 HTML学习 基础标签

学号</th> <!<tbody> <!--表格的数据部分--><thead> <!--表格的头部--><title>基本标签</title>合并单元格：跨行合并/跨列合并--><td>计算机一班</td><td>计算机一班</td><td>计算机一班</td>-- 第一行数据 --><th>班级</th><th>姓名李四</td><td>王二</td><td>张三

原创 HTML 表单标签

潮男潮女</span><span>用户名： </span><input type="text" placeholder="请输入6-8个字符" /><span>性别：</span><input type="radio" name="sex" /><span>男</span><input type="radio" name="sex" /><span>女

原创 HTML列表标签学习

第一列</li> <!-- 自定义列表：dl -->-- ol有序列表 --><li>第一列数据</li><li>第二轮数据</li><li>第三列数据</li><dt>服务中心</dt><dd>在线客服</dd><dd>售后电话</dd><dd>线下门店</dd><li>第二列</li><li>第三列

原创 HTML学习笔记

登录页面

原创 HTML大学生个人自我介绍网页示范

linux系统管理项目教程</p><p>学校：*******</p><p>专业：计算机应用技术</p><p>网页设计与制作</p><p>探索计算机技术</p><p>姓名：***</p><h2>学习课程</h2><h1>***个人介绍</h1><p>年龄：**</p><p>大数据导论</p><h2>座右铭</h2><h2>简介</h2><p>性别：*</p><p>数据结构</p><p>网页美工

原创 HTML学习笔记

n

原创 HTML学习笔记

网址 1.http：超文本传输协议 2.www： 万维网 3.com：国际顶级域名。<title>w我的第一个网页<title>DOC:文档 type：类型。web标准：结构、表现、行为。HTML:超文本标记语言。