- 博客(19)
- 收藏
- 关注
RSS订阅原创 轮播图（样式没调好）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2022-03-31 16:26:12
680
原创 Vue.js安装
直接CDN引入下载和引入进入官网：vue.js安装下载vue.js文件将下载好的vue.js文件直接复制到自己的项目文件夹下NPM安装
2021-12-06 15:50:56
332
原创 阿里iconfont字库的使用
方法1：Unicode 引用选择需要的图标下载代码，得到压缩包文件解压后，将iconfont.css导入你的css文件注意src的路径，在引用的页面找到icon font文件夹中的iconfont.ttf的路径在html文件中调用（普通标签）伪元素中使用，在icon.css文件中找方法2：font-class 引用和方法1一样下载好字体图标的代码引用压缩包中的文件—iconfont.css在demo_index.html文件中查看图标对.
2021-12-05 10:54:38
745
原创 JavaScript断点调试的步骤
断点调试是用来观察程序的运行过程，断点就相当于在选择好的语句处停止，经过调试可以看到代码一步步的执行步骤。使用方法（以for循环举例）打开网页后，按Fn+f12，选择source（来源）设置好断点后需要再刷新一下浏览器，才能实现断点调试。点击调试按钮，可以逐步地观察程序的运行顺序，将鼠标移动到变量上也查看变量此时的值。经过断点调试我们会发现，for循环的运行步骤。...
2021-11-30 21:29:31
1717
原创 点击后明文和密文的切换
实现效果核心思路实现代码 <title>点击后明文和密文的切换</title> <style> .box { position: relative; width: 400px; margin: 100px auto; } em { display: inline-block; ..
2021-11-30 21:25:45
1077
原创 循环有规律的精灵图
实现效果在这里插入图片描述实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g.
2021-11-30 21:21:49
98
原创 动态生成表格
实现效果实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &.
2021-11-30 21:19:27
245
原创 倒计时效果
实现效果实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ..
2021-11-30 21:17:28
65
原创 鼠标移动到指定区域，盒子滑动
实现效果实现代码动画函数封装了起来，并且单独写在js文件中，需要引用function animate(obj, target, callback) { clearInterval(obj.timer); obj.timer = setInterval(function () { var moveDistance = (target - obj.offsetLeft) / 10; var step = Math.ceil(moveDis..
2021-11-30 21:08:31
189
原创 模态框的拖拽
实现效果可以进行拖拽实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">.
2021-11-29 21:16:49
79
原创 点击图片实现背景的切换
实现效果实现代码 <title>点击图片改变背景图片</title> <style> li { float: left; list-style: none; } li img { width: 100px; height: 100px; margin: 100px auto..
2021-11-29 16:40:47
1180
1
原创 鼠标移动到指定行会变色
实现效果案例分析实现代码 <title>鼠标移动到对应行会进行变色</title> <style> table { width: 800px; margin: 100px auto; text-align: center; border-collapse: collapse; font-size: 14p..
2021-11-29 16:38:45
594
原创 实现全选和反选
实现效果案例分析* 实现代码 <title>重点：表单全选或者取消表单全选</title> <style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table .
2021-11-29 16:35:43
130
原创 Tab栏的切换
实现效果当鼠标经过的时候，小区域会有样式变化，并且下面的文字内容也会有相应的变化案例分析实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="..
2021-11-29 16:32:40
152
原创 鼠标经过就出现下拉菜单
实现效果思路分析实现代码 <title>Document</title> <style> * { margin: 0; padding: 0; } li { list-style-type: none; } a { text-decoration: none;..
2021-11-29 16:27:37
2792
原创 发送短信验证码
实现效果当点击发送按钮的时候，按钮中的文字变为还剩下多少秒（倒计时），此时按钮是禁用状态，等到时间结束后，按钮又变为发送。实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport".
2021-11-29 15:15:50
118
原创 JavaScript--发布留言
实现效果分析思路实现代码 <title>发布留言</title></head><body> <textarea name="" id="" cols="30" rows="10"></textarea> <button>发布</button> <ul></ul> <script> //1.事件源--.
2021-11-27 20:09:40
387
转载 Ubuntu登录后蓝屏可登录不显示桌面
Ubuntu登录后蓝屏可登录不显示桌面的解决办法问题分析启动 Ubuntu 可以进入登录界面，说明系统是可以运行起来的。没有发生大块的核心数据损坏，linux 系统一般都可以修复，一定要淡定。问题的原因是之前的暴力关机损坏了 Ubuntu 的图形系统配置，导致图形界面无法正常起来。所以就看到能够登录，却只有一片蓝色。 或者桌面文件可见。问题解决这次要求助古老的字符界面了。为了“大展拳脚”，先进入字符界面：Ctrl + Alt + F4+Fn（F4有其他功能需要加上Fn)然后安装相应服务，然后重置它
2021-10-18 08:58:48
1522
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人