- 博客(35)
- 收藏
- 关注
RSS订阅转载 JS面对对象实现简单的Tab栏
面对对象的思想实现简单的tab栏案例来自黑马程序员教学资源：https://www.bilibili.com/video/BV1Kt411w7MP?p=11tab.jsvar that;class Tab { constructor(id) { that = this; this.main = document.querySelector(id); this.lis = this.main.querySelectorAll('li');
2021-02-18 21:21:42
363
转载 CSS与JS学习案例（17）：网易云音乐轮播图
网易云音乐官网点这里原版：自己做的：和原版相比，没有切换图片时的渐隐渐显效果。HTML部分：左右箭头图标：阿里巴巴矢量图标库下方选中的白色圆点使用JS自动添加<div class="container"> <div class="bgbox"></div> <div class="picbox"> <div class="pic"> <d
2020-12-14 14:32:13
937
1
原创 CSS学习案例（16）：网易云音乐导航栏
网易云音乐官网点这里原版：自己做的：写的代码还是有些粗糙，细节方面需要提高；原版只要选中块就可以跳转，而自己做的需要选中文字才可以；还有就是我的网易云logo做的并不完美，在下方空白处也能点击到logo。 <div class="container"> <div class="top"> <div class="content"> <div class="logo">
2020-12-09 17:51:48
1987
2
原创 CSS学习案例（15）：图标展开效果
<div class="container"> <div class="tool"> <span class="iconfont iconxiangji" id="#"></span> <span class="iconfont iconwendang" id="#"></span> <span class="iconfont iconqi..
2020-12-07 22:25:06
339
原创 CSS学习案例（14）：下拉导航菜单
<div class="container"> <nav class="menu"> <ul> <li><a href="#">Home</a></li> <li> <a href="#">About Me</a> ..
2020-12-06 19:47:06
312
原创 CSS学习案例（13）：3D卡图库旋转
<div class="box"> <div style="--i:1"><img src="/img/08E724F95B8A3381E7AF0460B8667CB8.jpg" ></div> <div style="--i:2"><img src="/img/95ACF74AB0E3067CA55FF4D791A2F883.jpg" ></div> <div st..
2020-12-05 19:16:00
288
1
原创 CSS学习案例（12）：3D卡片翻转
<div class="container"> <div class="one"> <div class="contents"> <h1>Else</h1> <span>Queen of Arendelle</span> </div> </div> ..
2020-12-04 19:15:18
279
原创 CSS学习案例（11）：3D堆叠图片ui布局特效
<div class="container"> <div class="food-card"> <div class="pic"> <img src="https://www.17sucai.com/preview/1424582/2020-07-03/dz/img/1.jpg" alt="Pizza"> </div> <..
2020-12-03 19:05:02
535
原创 CSS学习案例（10）：动态搜索框
图标：阿里巴巴矢量图标库<div class="search-box"> <input class="serach-txt" type="text" name="" placeholder="Type to search"> <a class="search-btn" href="#"><svg t="1606822073464" class="icon" viewBox="0 0 1024 1024" version="1.1".
2020-12-01 20:42:55
207
转载 CSS学习案例（9）：荧光边框
<div class="box"> <h1>jQuery</h1> <p>click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点击 HTML 元素时执行。 当点击事件在某个 <p> 元素上触发时，隐藏当前的 <p> 元素:</p> <p>dblclick() .
2020-11-30 21:27:06
606
转载 CSS学习案例（8）（二）：炫彩流光按钮
<a href="#">Button</a>*{margin: 0;padding:0;}body{ height: 100vh;width: 100vw; display: flex; justify-content: center; align-items: center; background: #000;}a{ padding: 12px 35px; text-decoration: none; fo.
2020-11-29 17:40:04
900
转载 CSS学习案例（8）（一）：闪亮按钮
<a href="#">闪亮按钮</a> <a href="#">闪亮按钮</a>*{margin: 0;padding:0;}body{ height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; background: #000;}a{ position: r..
2020-11-29 16:09:01
249
转载 CSS学习案例（7）：聚光灯
图标获取：阿里巴巴矢量图标库 <div class="logo"> <svg t="1606555264232" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="595" width="200" height="200"><path d="M512 1024C229.2224 1024 0 794.7776 0 512 0 .
2020-11-28 17:50:08
188
原创 CSS入门案例（6）：图形变换
<div class="box"> <p>Elsa</p> <h1></h1> </div> *{margin: 0;padding: 0;} .box{ height: 309.29px;width: 400px; margin: 100px auto; position: relative; ..
2020-11-27 19:44:08
220
原创 CSS入门案例（5）：垂直手风琴
<div class="box"> <div class="bb" id="b1"> <a href="#b1">标题</a> <span></span> <p> 块级元素<br> 设置display:block就是将元素显示为块级元素 ..
2020-11-26 19:34:19
388
原创 CSS入门案例（4）：折扇
<div class="box"> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> ..
2020-11-25 18:43:57
1982
原创 CSS入门案例（3）：太极图旋转
<div class="bigbox"> <div class="bbbox"></div> <div class="bwbox"></div> <div class="sbbox"></div> <div class="swbox"></div> <div class="lbbox"></div&g..
2020-11-24 21:12:06
285
原创 CSS入门案例（2）：立方体旋转
<div class="box"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> ..
2020-11-23 20:45:35
245
2
原创 CSS入门案例（1）：实现等待Loading效果
<div class="loadbox"> <p></p> <p></p> <p></p> <p></p> </div> <div class="loadbox"> <p></p> <p></p> &..
2020-11-21 20:05:55
320
原创 html/css 锚点链接
锚点链接：是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。什么是锚点：定位器不跨页锚点设置锚点链接的方法：<标记 id="命名锚记名"></标记><a href="#命名锚记名称"></a>例子：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &
2020-11-10 16:57:26
3721
原创 .net实验四 Windows程序设计
1.创建Windows窗体应用程序，实现用户登录功能，当输入正确与错误时均给出相应的提示信息，规定用户输入错误次数不能超过3次。（源代码+运行界面）using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Threading.T
2020-05-18 21:28:08
1137
原创 python文件与文件夹操作
1.现在有一份‘邀请函.txt’的空白文件，请在同级目录下编写一段代码，写入内容‘诚挚邀请您来参加本次宴会’。with open("邀请函.txt",mode='w',encoding='utf-8') as file: file.write("诚挚邀请您来参加本次宴会 \n")2.在第一题的基础上，添加上问候语和发件人，内容是’best regards 李雷’，让内容是：诚挚邀请您来参加本次宴会。best regards李雷with open("邀请函.txt",mode='w',
2020-05-15 16:29:08
888
原创 python学习之面对对象程序设计作业
1.设计一个简单的购房商贷月供计算器类，按照以下公式计算总利息和每月还款金额：总利息=贷款金额*利率每月还款金额 = （贷款金额+总利息）/贷款年限贷款年限不同利率也不同，这里规定只有如下表所示的3种年限、利率。class daikuan: def __init__(self,num,year): self.num = num self.year ...
2020-04-17 18:44:16
1220
1
原创 python学习之利用蒙特.卡罗方法计算圆周率近似值
from random import randomdef PI(times): hits = 0 for i in range(times): x = random()*2 - 1 y = random()*2 - 1 if x*x + y*y <= 1: hits += 1 return 4...
2020-04-13 18:09:48
2594
原创 python学习之编写函数寻找给定序列中相差最小的两个数字
import randomdef list(seq): seq = sorted(seq) dif = float('inf') for i,v in enumerate(seq[:-1]): d = abs(v - seq[i+1]) if d < dif: first, second, dif = v, s...
2020-04-13 18:00:55
3053
原创 python学习之编写函数查找给定序列的最长递增子序列
from itertools import combinationsdef subAscendingList(lst): for length in range(len(lst), 0, -1): for sub in combinations(lst, length): if list(sub) == sorted(sub): ...
2020-04-13 17:21:02
993
原创 python学习之编写函数实现二分法查找
def erfen(n): begin = 0; end = len(list) - 1 while begin <= end: mid = (begin + end)//2 if n > list[mid]: begin = mid +1 else: if n &l...
2020-04-13 17:02:37
2645
原创 python作业之编写函数实现选择法排序
def paixu(list_int): list_sp = [int(i) for i in list_int.split()] for i in range(0,len(list_sp)-1): max = list_sp[i] n = i for j in range(i+1,len(list_sp)): ...
2020-04-13 16:31:25
3072
1
原创 Python作业
编写程序求100到999之间的水仙花数。（水仙花数：对于一个三位数abc，a3+b3+c^3=abc）for i in range(100,1000): c = i%10 b = i//10%10 a = i//100 if a**3 + b**3 + c**3 == i: print(i)编写程序解决爱因斯坦台阶问题：有人走一台阶（台阶&l...
2020-03-29 13:24:51
1645
原创 ODBC数据源建立mysql
1.建立ODBC数据源从控制面板或其他方式打开ODBC数据源从打开的的页面中选择系统DSN点击右方的添加出现创建新数据源页面选择mysql的odbc驱动程序（如果选取列表中没有此选项就去下载mysql的odbc驱动程序并安装，安装时需注意版本问题，有时会因新老版本而报错，如果提示缺少其它组件报错就缺什么就去安装什么）在出现的页面中进行配置Data Source Name填的是...
2020-03-05 20:02:43
2008
原创 python简单编写迪杰斯特拉(Dijkstra)算法
使用pycharm这此编写没有引用库文件，完全是初学者能够看的懂的代码文中部分图来自《啊哈！算法》啊哈磊 著对书中的Dijkstra算法思想使用python来实现有权图：二维数组：输入的数据：再输入开始的顶点后，输出结果num_inf = 99999999 #定义一个无穷大的数num_ding = int(input("输入顶点的数量："))num_bian =...
2019-12-18 19:17:20
1050
原创 第十届蓝桥杯省赛C语言数列求值
试题 C: 数列求值 本题总分：10 分【问题描述】 给定数列 1, 1, 1, 3, 5, 9, 17, …，从第 4 项开始，每项都是前 3 项的和。求 第 20190324 项的最后 4 位数字。【答案提交】这是一道结果填空的题，你只需要算出结果后提交即可。本题的结果为一 个 4 位整数（提示：答案的千位不为 0），在提交答案时只填写这个整数，填写 多余的内容将无法得分用基本的C语言...
2019-12-05 16:01:25
680
原创 python随机分配办公室
随机给八位老师分配到三个办公室中import randomname_list = ['A','B','C','D','E','F','G','H']office = [[],[],[]]for name in name_list: num=random.randint(0,2) office[num].append(name)print(office)i=1for o...
2019-12-03 19:27:29
5834
3
原创 python简单的猜拳小游戏
使用pycharm写的非常简单的猜拳小游戏能够设定游戏局数电脑随机出拳在结束的时候会输出获胜的局数这段程序的缺点在于你只能输入数字，输入其它内容或不输入会报错print("这是一个猜拳游戏")print("你将和电脑开展较量")inning = int(input("输入你想进行的局数："))print("在下方输入0或者1或者2代表你的出拳")print("0代表石头，1代表剪...
2019-11-29 19:52:24
1632
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人