O433-CSDN博客

原创 JS 轮播图

实现功能1.在没有点击和经过的时候图片和小圆点自动切换2.点击小圆点的时候切换图片3.上翻页和下翻页实现效果为了效果更明显更容易理解所以没溢出隐藏实现方法1上图利用定位控制图片的移动<div class="box"> <ul class='count'> <li> <img src="./one_piece-001.jpg" alt=""> &lt

2021-04-15 17:26:37 198 1

1.实现效果很多大型网站像京东淘宝小米手机栏里面都有放大镜的效果，并且可以切换图片，下面可以借鉴一下我的思路。可以看下实图效果2.主体部分结构的话包含左右两个部分左边大盒子里面包含两个小盒子，上面的话就是显示图片，包括图片切换功能的四个小盒子，右边就主要是实现放大镜的功能。3.注意的事项（1）左边盒子和遮罩层的大小比例 = 右边盒子与大图的比例（2）遮罩层走的方向和大图移动的方向是相反的（3）大图的移动比例 = 大图的移动范围 / 遮罩层的移动范围下面的话就是代码块左边大盒子图片

2021-04-12 20:05:48 351 4

原创滑动解锁

1.html结构滑动解锁的样式基本上就是这样，分上下两个部分上面盒子里面装两个小盒子从而实现滑动到相对应的位置可见实图效果2.网页实现效果3.利用js判断两个盒子的位置如果两个盒子重逢（就是s1和s2离父盒子的左边框的距离相等）就完成验证如果没有对齐的话就回到原地重新刷新，因为每次刷新盒子的位置都不一样，所以要利用随机函数来作为定位的left和top，代码的话可以参考下面的代码块`.box { width: 800px; height:

2021-04-10 16:48:33 961 10

原创 # 数组的方法

数组的方法–Push（末尾添加）在数组的末尾添加一个元素，返回的是数组的长度；–Pop（末尾删除）删除数组的最后一个元素，返回的是删除得元素。–unshift（首位添加）在数组的最前面添加元素，返回的是数组的长度。–shift（首位删除）删除数组最前面的元素，返回的是数组的长度。）–Arr.splice(index,howmany,item,item…item);数组的删除，替换，插入（直接改变原数组）–cancat 合并数组（不会改变原数组）– join数组变

2021-03-31 11:02:58 186

原创 BFC规则

bfc布局规则1、内部的Box会在垂直方向，-个接-个地放置，2. Box 亚直方向的距离由margin决定。属于同-一个BFC的两个相邻Box的margin会发生重叠3.每个元素的margin box的左边，与包含块border box的左边相接触4. BFC 的区域不会与float box重叠。5. BFC 就是页面上的一个隔离的独立容器。容器里面的子元素不会影响到外面的元素。6,计算BFC的高度时，浮动元素也参与计算直观隐藏元素的方法Opacity:.6(内容半透明[包括文字图片])

2021-03-10 14:40:15 131

原创 css实现的二级菜单和logo滚动

css实现的二级菜单和logo滚动二级菜单<style>box1{width: 200px;height: 200px;/* background-color: pink; */overflow: hidden;}box2{width: 200px;height: 200px;background-color: aquamarine;/* transform: translateY(-100%); */*/* height: 0; */***display

2021-03-06 14:31:45 317

原创表单

表单内容<form action=" ">　　输入框　　<input type ="text">　　密码框　　<input type = "password">　　单选框　　性别：(注意name的值可以随便给，但是给的值一定要相同)　　　　　　　 <input type = "radio" name="1">男　　　　　　　　<input type = "radio" name="1">男　　　　　　　　...

2021-03-02 17:46:41 115 1

原创 CSS 滚动条，浮动问题，图片bug

类名 class不能使用中文,不能使用数字开头，不能使用特殊符号（_和-可以使用）建议使用小写单词1.继承文本属性大部分可以继承高度不会继承宽度可以继承2.如何分块—结构合理3.标签的使用(1)不要多余的嵌套(2)标签规则4.标签要闭合(1)写注释(2)右键格式化5.CSS报错(1)出现波浪号–右键格式化在报错的本行或者上一行找错误(2)调试发现没有任何CSS显示说明写错了对象，class写错了6.网页滚动条Delete 删除大块7.浮动的问题(1)使用浮动后，

2021-03-01 11:58:00 649 4