- 博客(11)
- 收藏
- 关注
RSS订阅原创 jq写出点击对应标题切换对应图片的内容
我们在逛淘宝的时候我们点击对应标题会切换对应内容或者图片我们用jq来去做一下 首先我们先创建好一个框架把框架放到对应的位置 <div class="zt"> <div class="xzk"> <div class="gj">国际大牌</div>//对应的标题1和图片1可以做相应的切换效果 <div class="gj">国妆名牌</div> ...
2021-12-26 17:50:26
612
1
原创 用jq简单的去做一个轮播图
在生活中我们会经常去在淘宝上购买商品，网页上有一个可以滑动的图片今天我们用jq去做一个轮播图 我们先做好一个盒子和轮播图的一个框架 <div class="zt"> <div class="zy">左移动</div> <div class="tp"> <img src="img/1.jpg" alt=""> </div> <div...
2021-12-26 17:41:04
448
原创 简单的jq做评价系统
在现在生活中我们会经常用到外卖，我们点了外卖以后对外卖商家或者外卖员有一个简单的评分，今天我们就做一个简单的评分系统 首先我们需要导入jq文件 <script src="jquery.js"></script> 创建一个可以容纳评价星星的盒子并在盒子里面添加星星的图片，然后在图片末尾添加一个空的可以容纳文字的标签 <div > <div> <...
2021-12-26 17:31:09
392
原创 好玩的吃豆人确定不来玩玩么
我们要做一个好玩的吃豆人先需要的是给出一个画布给出我们的背景大小 <div class="cc"> <canvas width="1000" height="200"></canvas> </div> 加上背景 .cc{ margin: 150px 500px; } canvas{ background-color: #d55555; ...
2021-12-19 23:53:52
109
1
原创 怎么去做一个好玩的弹弹球
首先我们需要在网页上绘制一块画布，并且做出画笔，给出画布的大小 <canvas width="600" height="500"></canvas> var canvas = document.getElementsByTagName('canvas')[0] var ctx = canvas.getContext('2d'); 给我们的画布加上背景颜色 canvas{ background-color: #d55555; ...
2021-12-19 23:46:45
116
原创 开发时所需要的正则
汉字：^[\u4e00-\u9fa5]{0,}$ 英文和数字：^[A-Za-z0-9]+$或^[A-Za-z0-9]{4,40}$ 长度为3-20的所有字符：^.{3,20}$ 26个大写英文字母组成的字符串：^[A-Z]+$ 26个小写英文字母组成的字符串：^[a-z]+$ 26个英文字母组成的字符串：^[A-Za-z]+$ 数字和26个英文字母组成的字符串：^[A-Za-z0-9]+$ 数字、26个英文字母或者下划线组成的字符串：^\w+$或^\w{3,20}$ 中文、英文、数字...
2021-11-28 18:42:10
402
原创 正则的基础和常用表达式
基础的匹配 字符的匹配 . 匹配所有字符 ^ 匹配以某个字符串开头 $ 匹配以某个字符串结尾 转义符 \n 匹配一个换行 \d 匹配数字 \D 匹配所有非数字的字符 \s 匹配所有的空白字符 \S 匹配所有的非空白字符 \b 匹配单词边界 \B 匹配非单词边界的字符 \w 匹配字母、数字、下划线 \W 匹配非字母、数字、下划线 \u 匹配unicode字符编码 ```\u4e00-\u9fa5``` 量...
2021-11-28 18:40:38
64
原创 表单基础知识
属性： type="" 类别 name="" 指定标识 服务器接收 元素传递的数据使用 maxlength="" 最大输入长度 value="" 默认值 placeholder="" 输入提示 readonly="" 只读 disabonly="" 禁用 required ="required" 非空验证 pattern="^[A-Z]/w{5,14}$" 正则验证 sele...
2021-11-22 08:41:48
475
原创 基础，时间的返回值
date.getFullYear()返回今年的年份 date.getMonth()返回这个月的月份(从0-11)通常+1达到1-12的效果 date.getDate()返回这个月，月中第几天(1-31) date.getHours()返回今天的第几小时(从0-23) date.getMinutes()返回今天的多少分钟(从0-59) date.getSeconds()返回多少秒数(从0-59) date.getTime()...
2021-11-22 08:32:50
362
原创 flex的基本代码
display: flex; 父盒子 flex-direction: row; 轴线右 flex-direction: row-reverse; 轴线左 flex-direction: column; 轴线下 flex-direction: column-reverse;轴线上 flex-flow: nowrap; 不换行 flex-flow: wrap; 换行 flex-flow: wrap-reverse; 换行第一行在下面 jus...
2021-10-25 09:07:59
237
原创 常用的css的代码
1、清除浮动 主要为子元素浮动（float）之后，父元素无法撑起高度和宽度。 <!-- html --><div class="clear"> <img src="demo.gif"></div> <!-- css --><style> img { float: left; } /* 清除浮动 */ .clear::after { content: ""; displ
2021-10-10 23:23:43
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人