- 博客(9)
- 收藏
- 关注
原创 京东表单的内容放大效果
当用户输入时、有些表单内容过于小,所以我们需要将表单里的内容放大但是不能影响布局、也不能将其他内容永久的挡住、所以当表单失焦后,他要再次隐藏
2022-06-13 09:06:38 117
原创 浮动与定位
块级元素的特性是可以随意设置大小但是每个块级元素都会独占一行。 浮动可以改变标签默认的排列方式、浮动会脱离标准流、浮动的元素具有行内块元素的特征、且浮动的盒子之间没有空隙、一般来说一个盒子浮动后、他的并集盒子都得浮动。浮动的缺点:当父盒子没有设置高度时、所有子盒子都浮动的子盒子撑不起父盒子来、如果父盒子里没有其他元素的话父盒子就看不见了定位由定位模式加边偏移来实现,可以实现元素在页面里的位置他有五种形式分别是静态定位(static)、相对定位(relative)、绝对定位(absolute)、固定定位(fi
2022-06-07 21:02:58 185
原创 天使跟随鼠标移动(跟随图片鼠标移动)
核心技术:e.pageX(鼠标事件里的一个方法获取鼠标X坐标的方法)、e.pageY(获取鼠标Y坐标)事件类型:mousemove(鼠标移动:只要移动鼠标就会触发事件)当鼠标移动时将图片距文档上边以及文档左边的距离(图片得用绝对定位:不能占位置)因为鼠标的移动区域是整个文档、所以要为整个文档document添加鼠标事件、且在这个鼠标事件中要对图片的位置去做变化 主要考察了鼠标事件对象的一个属性(e.pageX,e.pageY)...
2022-06-07 12:29:58 178
原创 js发布留言案例
核心原理:首先定义一个自定义大小表单、一个button按钮、在js中为按钮添加一个事件、事件目的是创建一个li、再通过提添加原理将li添加到原本就有的空的ul里面(用value获取表单元素里的内容、再通过innerHTML将内容添加到li中) html结构(效果): 获取表单、按钮以及空的ul、给按钮添加事件:创建一个li、将表单里的内容添加到li里面、并且添加了if判断、当你输入的内容为空时、alert(弹出你什么都没有输入的弹窗) 关于用js添加的li的样式最好在css中设置好、方便观..
2022-05-30 20:00:44 89
原创 js的下拉列表
核心原理:将下拉的内容隐藏、再通过js来改变display属性(鼠标经过时的事件并且要配合使用排他思想、鼠标离开时要重新显示为隐藏状态) .bh3的意思就是当鼠标经过时导航内容变底色为橙色、是一个class Name的使用 ...
2022-05-30 17:11:48 1621
原创 js表单经过变色、复选框
原理:用html结构写一个表格、将表头与标题区分开来(可以用css来做:设置border大小以及去掉边框加粗问题【border-collapse:collapse】.bh1可以理解成一个预定义类、供script鼠标经过使用) 静态的页面效果就是 在script中获取所有的表体行、在经过每个表体行时标题行的class类变为预定义类本例中应用了排他思想(让所有行的类都为空、然后再让经过的这个类变为预定义类);由上述对与定义类的描述可以得到效果 更进一步的做法、全选框(...
2022-05-29 00:41:20 254
原创 js中 统计字符串的长度(字符串对象)
核心原理是:一个字符集和一个空对象、利用对象名[字符]判断一个空对象里是否有以这个字符为属性名的属性、如果没有就通过对象名[字符]=1(为属性赋值)的方式来为对象增添这个属性以及赋值、若对象里已经有了这个属性的话就让这个属性值加1 ...
2022-05-27 08:44:56 359
原创 Date对象/js基础倒计时
js倒计时 原理:两个时间的总毫秒数(时间戳)相减、然后再用数学方法将毫秒数转化为天数、小时数、分数、秒数甚至转化为月数、年数;以一定的格式输出剩余的时间。 实现思路: 根据日期对象获取现在的总毫秒数(var date5 = +new Date())以及截至时间的总毫秒数(var date4 = +new Date(time)) 毫秒数相减获得差、用数学上的换算方法将毫秒数的差转化为一般见到的时间 其中获取总的毫秒数是从1970年1月1日到一个时间的毫秒数 获取毫秒数的方法有四种:g..
2022-05-25 17:32:31 210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人