- 博客(26)
- 收藏
- 关注
RSS订阅原创 SQL中连接表讲解
这节内容有七个知识点（[内连接]，[左连接]，[右连接]，[全外连接]和[交叉连接]），我会用小标题的形式向大家展示：在上次中我们讲解了[内连接]，[左连接]，还有[ON与WHERE子句]，接下来我们来讲解后面的几个知识点：SQL Server右连接右连接作用：通过RIGHT JOIN 子句组合来自两个或多个表的数据。 运行原理：RIGHT JOIN 开始从右表中选择数据并与左表中的行 匹配。 RIGHT JOIN返回一个结果集，该结果集包含右表中的所有行，无论是否具有左...
2022-03-28 14:36:47
231
原创 SQL中连接表讲解
这节内容有七个知识点（[内连接]，[左连接]，[右连接]，[全外连接]和[交叉连接]），我会用小标题的形式向大家展示：SQL Server内连接内连接是SQL Server中最常用的连接之一。作用：内部联接子句用于查询来自两个或多个相关表的数据。内连接就是用INNER JOIN这两个关键字将来自两个或多个相关表相连的，而它的语句如下：SELECT Select_listFROM T1INNER JOIN T2 ON T1.T1中的字段=T2.T2中...
2022-03-18 10:42:51
238
原创 使用jQuery实现post获取与提交
我们用bootstrap来布局就不用写样式，所以我们先引入bootstrap框架，放一个div类名为container，再在里面写form表单，在表单里我们先放四个div分别放姓名，性别和地址还有按钮，并且给他们两个相同的类为form-group form-row，有了这两个类就把样式都写好了。 在每个的div中放一个label标签（除了放按钮的div），我们把文本放在label标签内，并且给label标签三个相同的类form-check-label col-1 text-center。 在姓...
2021-09-17 18:30:13
2618
原创 使用jQuery实现get获取与提交
我们用bootstrap来布局就不用写样式，所以我们先引入bootstrap框架，放一个div类名为container，再在里面写form表单，在表单里我们先放四个div分别放姓名，性别和地址还有按钮，并且给他们两个相同的类为form-group form-row，有了这两个类就把样式都写好了。 在每个的div中放一个label标签（除了放按钮的div），我们把文本放在label标签内，并且给label标签三个相同的类form-check-label col-1 text-center。 在姓...
2021-09-07 18:24:54
1096
原创 使用jQuery实现电影排行榜
我们先放一个div，给他一个类为box并且我们给他一些样式：width:670px; border:2px solid #b200ff; margin:50px auto;，在div里面我们分了两部分，分别为标题和内容部分。 标题我们放一个h1标签，里面的文本为:电影排行榜，我们给他一些样式为：padding:10px 20px; margin:0; color:#00ffff; border-bottom:2px solid #b200ff; box-sizing:border-box;...
2021-08-26 18:13:24
561
原创 使用jQuery回到顶部
我们这个的布局很简单，只需要一张图片和一个按钮。 我们将图片放在一个类名为div1的div里面，我们给这个div一些样式：width:1200px; margin:0 auto; 我们再在div外面放一个button按钮，我们给这个按钮写一下样式：width: 40px; height: 40px; right:35px; bottom:20px; display:none; background-image: url('../../Content/images/top_bg.png'); bac...
2021-08-26 18:06:39
585
原创 使用jQuery实现Ajax获取与提交
我们用bootstrap来布局就不用写样式，所以我们先引入bootstrap框架，放一个div类名为container，再在里面写form表单，在表单里我们先放四个div分别放姓名，性别和地址还有按钮，并且给他们两个相同的类为form-group form-row，有了这两个类就把样式都写好了。 在每个的div中放一个label标签（除了放按钮的div），我们把文本放在label标签内，并且给label标签三个相同的类form-check-label col-1 text-center。 在姓...
2021-08-05 18:47:42
408
原创 使用jQuery实现城市切换与计算器的效果
我们先写城市切换，我们已经引入了bootstrap框架里面的css与js，所以我们只需要将我们需要的类引入就好了。 我们先放一个div，给他一个类为container，Container容器是窗口布局的最基本元素，我们推荐所有样式都定义在.container或.container-fluid容器之中--这是启用整个栅格系统必不可少的前置条件，它们分别对应选择一个响应式的、固定宽度的容器，或者选择一个流式自适应浏览器或容器最大合法宽度的窗口（意味着任何时候它的宽度总是100%）。 我们在div...
2021-08-05 17:28:07
164
原创 使用JavaScript实现事件对象与随机数
我们先来写事件对象，它的布局很简单只需要一张图片，并且我们给他一个id为img，在给他一个定位position: absolute;并且在他标签上设置它的top值和left值都为0；现在我们来写它的JavaScript。我们先声明一个变量oImg，将获取的img赋值给他var oImg=document.getElementById("img");。 我们再来写一下鼠标移入事件，并且传一个参数window.onmousemove=function(e){}，这里我们要考虑浏览器的兼容性，...
2021-08-05 17:19:29
118
原创 Ajax JavaScript的异步提交
我们用bootstrap来布局就不用写样式，所以我们先引入bootstrap框架，放一个div类名为container，再在里面写form表单，在表单里我们先放四个div分别放姓名，性别和地址还有按钮，并且给他们两个相同的类为form-group form-row，有了这两个类就把样式都写好了。 在每个的div中放一个label标签（除了放按钮的div），我们把文本放在label标签内，并且给label标签三个相同的类form-check-label col-1 text-center。 在姓...
2021-08-05 17:06:57
104
原创 淘气的小丁-Ajax
Ajax JavaScript的异步提交我们用bootstrap来布局就不用写样式，所以我们先引入bootstrap框架，放一个div类名为container，再在里面写form表单，在表单里我们先放四个div分别放姓名，性别和地址还有按钮，并且给他们两个相同的类为form-group form-row，有了这两个类就把样式都写好了。 在每个的div中放一个label标签（除了放按钮的div），我们把文本放在label标签内，并且给label标签三个相同的类form-check-label col
2021-06-16 08:31:20
97
原创 淘气的小丁-简易聊天器
简易聊天器我们先放一个div，给他一个类为box，并且给他设置样式：.box {width: 500px; height: 600px; border: 2px solid #333; margin: 100px auto; background-image:url('../../Content/images/IMG_20210214_182510.jpg'); } 我们在里面放两个div，分别给他们一个类为box1，box2，设置一下box1的样式： .box1 { width: 450px;.
2021-06-16 08:24:17
84
原创 淘气的小丁-将图片切换成背景
用JavaScript与jQuery两种方法实现事件的委派首先我们用JavaScript的方法首先我们来布一下局给body标签一个id为body，里面我们放一个无序列表，我们再给ul标签一个id为hp，里面放四个li标签并在里面放img标签。 我们现在设置一下样式，首先给body标签设置一下，background-size:2000px 1000px;接下来我们设置ul标签，list-style: none;width: 900px;height: 100px;margin: 100p.
2021-06-16 08:05:26
96
原创 淘气的小丁-抽奖小游戏
抽奖小游戏我们先简单的布一下局，在这里我们引入了bootstrap框架，所以我们先写一个div给他一个类为container，在里面我们放两个button按钮分别给这两个按钮一个id，第一个id为btn1，第二个id为btn2，我们先给btn1的按钮给一个行内样式display：none，让他隐藏起来，它里面的文本为按钮，第二个的文本为停止。样式如下：接下来我们来写抽奖的核心代码首先我们声明两个全局变量一个是变量time用来计时的，另一个变量为bl，把false赋值给他。 我们的其他代码
2021-06-06 14:47:32
145
6
原创 淘气的小丁-JavaScript的两种表单提交的方式
JavaScript的两种表单提交的方式首先给页面布局因为是表单提交所以我们要先写好一个表单。我们用bootstrap来布局就不用写样式，所以我们先引入bootstrap框架，放一个div类名为container，再在里面写form表单，在表单里我们先放四个div分别放姓名，性别和地址还有按钮，并且给他们两个相同的类为form-group form-row，有了这两个类就把样式都写好了。 在每个的div中放一个label标签（除了放按钮的div），我们把文本放在label标签内，并且给labe
2021-06-06 14:41:33
169
原创 淘气的小丁-使用jQuery实现漂浮气球的效果
使用jQuery实现漂浮气球的效果我们实现的这个效果需要用jQuery直接生成这些气球。1.我们先看一下一个气球的样式，首先我们放一个div类名为ym，这个div是用来装这些气球的，所以我们先来给他设置样式："height": "100vh"," box-sizing": "border-box", "overflow":" hidden","display": "flex","flex-wrap":"wrap",“background": "url('../../Content/.
2021-06-06 14:35:26
320
原创 使用jQuery用键盘去控制图片移动
使用jQuery用键盘去控制图片移动首先我们放两张图片设置一下样式：width:100px;height:100px;position:absolute;再给它们分别一个类img1和img2；这样我们就简单的设置好了。 我们先用if语句写： 首先我们要在键盘事件里面写代码，所以我们先写一个键盘事件$(window).keydown(function (e) {})这个键盘事件里面需要传一个参数，我们要用这个参数来接收从外界传过来的信息。 我们要声明四个变量分别为top，left，top
2021-05-26 20:18:45
1025
原创 使用jQuery实现切换卡片的效果
使用jQuery实现切换卡片的效果现在我们来用jQuery实现切换卡片的效果。首先我们写一个div给他一个类为body，我们来写一下它的样式：width:400px; height:295px; border:2px solid #000000; position:relative;用它来装所有的内容。 在里面放两个div和两个i标签，两个div分别放在第一个和最后一个，分别给他们设置样式：第一个div的样式：height:50px; border-bottom:2px solid #0000
2021-05-26 20:12:48
666
原创 使用JavaScript实现一个简单的倒计时的效果
使用JavaScript实现一个简单的倒计时的效果我们来用JavaScript的方法实现一下倒计时的效果。首先我们用一个div来装，并且给这个div一个类为box，我们给这个div设置一些样式，width: 1000px;height: 406px;border: 2px solid #333; margin: 100px auto 0; border-radius: 20px;background:linear-gradient(toright,#0AF133,#fff,#D824E
2021-05-26 20:03:13
1388
1
原创 使用jQuery与JavaScript这两种方法实现forEach的效果
使用jQuery与JavaScript这两种方法实现forEach的效果1.我们先看一下JavaScript中的布局，它首先是用了一个标题标签h3，接下来又用了三个p标签并且给第一个p标签一个id为start，其次在第二个标签里面放了一个span标签，一个input标签还有一个button按钮，并给input标签和button按钮一个id分别为put和btn，最后给第三个p标签一个id为end，这样这个布局就完成了。2.现在这个是jQuery中的布局，他只放了三个div，第一个div里面还嵌套了
2021-05-16 19:23:52
291
2
原创 使用jQuery实现时钟的效果
使用jQuery实现时钟的效果要用jQuery实现时钟的效果首先要给它布局。用一个div来装所要写的内容，再给这个div一个类为box，再给这个box设置样式让他居中设置它的边框并且设置它的border-radius为百分之百，他就是一个圆形了。 又因为时钟是有十二个数字，所以我们用六个div来把他们分成六个组，我们再在每个div中写两个span标签，在span标签中放置相对的点数，我们现在打出来的效果是每个div独占一行，我们想要更好的控制这些div的话，首先在box这个类上给它一个相对定位
2021-05-16 19:17:45
1718
原创 使用jQuery实现全选，全不选和反选的效果
使用jQuery实现全选，全不选和反选的效果上一篇我们用的是JavaScript的方法实现这个效果，接下来让我们用jQuery的方法来实现一下。首先第一步像上一篇一样，我们来写一下它的布局，现在我用的是radio，他是一个单选框，如果给这几个input标签一个name属性且相同的话，他就只能选择一个，否则它可以选多个，在这里我们不需要name属性，我们现在不用button按钮而用input标签，其实他们的效果都一样，我们只需把input里的type属性改成button就可以了如下：.
2021-05-16 19:10:20
1119
原创 使用JavaScript实现全选，全不选和反选
1使用JavaScript实现全选，全不选和反选 先写出它的布局，首先我们给他一个div来装所要写的内容，再在大的div里面放两个div和三个button按钮，button按钮就是用来放全选，全不选和反选的，第一个div是用来放标题的(选择爱好：)，而第二个div是用来放选择框和选项的，里面的选择框我们是用input标签来实...
2021-05-09 15:09:15
2609
1
原创 使用jQuery让我们的小方块动起来
让我们的小方块动起来首先第一步给它一个div，再用jQuery给这个div设置一些样式，设置什么样式呢？就由我来为大家解读：就是先设置宽高，再来张漂亮的图片 让图片的大小显示最大我们需要给它这个属性background-size设置它为100%，这样就可以实现我们想要的效果，另外：它的语法如下：backgroundsize: length|percentage|cover|contain;它其中的参数的意思分别是：length：设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高.
2021-05-09 14:44:09
490
原创 使用jQuery的两种方法实现背景切换
使用jQuery的两种方法实现背景切换背景点击切换 首先给每个div设置背景，再给每个div绑定点击事件，使得body的背景可以切换。注意：jQuery和js点击事件的绑定有一些差异，js绑定如下：document.getElementById("a1").onclick=function(){}jQuery绑定如下：$(".div1").click(function(){})它们很相似，但是有两处不同，我用不同的颜色标记出来了其中的css()是jQuery中的一个
2021-05-01 11:14:05
3169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人