- 博客(3)
- 收藏
- 关注
原创 超简易微博发布界面(大家七夕快乐)
先把页面中的结构布局好。大家都在说 》下面的内容是后续生成的。 本次我们要实现的效果是:当在下方输入姓名,以及发布的内容。点击发送。 书写的内容会出现在上面的板块里面,出现的格式,左边是图片,右边是文字,会想到,dl,dt,dd自定义列表的方式去展现。这一块的内容是后续生成的。 在这里我们需要,document.createElement创建元素节点,document.createTextNode创建文字节点,appendChild()插入节点 整体简单,需要来回插入到不同的节点当中。...
2021-08-14 22:15:56
426
原创 利用JS限制文本框输入字数
这样的效果实现是比较简单的,我们先分析下。 当我们在某个文本框输入文本时,会提示当前文本还可以输入的字数,并且一旦超出所限制的字数数,将无法输入进去。 它有个这样的过程: 1.当文本框获得焦点时 要用到:onfocus 2.当文本框内内容改变时(实时获取) 要用到:oninput 我们要获取当前输入的文本长度,以及所限制的字数,(自己定义。); 随后要用到if语句去做判断,超出,未超出。执行不同的语句。 其中还有一点需要注意,当文本超出后,文本框里的内容没有随着后面的输入而变...
2021-08-14 15:02:12
3388
原创 JavaScript---九宫格拖拽换位
一.效果展示: JavaScript九宫格拖拽换位 二.案例分析: 9宫格排列,行列结构。 当页面刷新时,9个格子,每个格子的背景颜色会随机发生变化 任意点击按下某个格子时,鼠标移动,格子会随之移动,并在原来的位置也有相同的格子出现(补上空缺的位置) 当鼠标释放时,距离触发的格子最近的一个格子,会与它发生位置交换。 创建一个空的div,作为父级元素,设置好样式。 通过观察我们会发现,9宫格是3行3列的排列方式。(类似于表格形式)并且每一行的top值是一样的,每一列的left值是一样.
2021-08-13 13:08:46
1553
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅