javascript
往玉
这个作者很懒,什么都没留下…
展开
-
javascript回到顶部
如图: 数字从1到100,滚动后点击章鱼哥便可以回到顶部。 HTML内容不多只有一个a标签内容有一个图片和100个h1标签,但要看清楚是给它设置好了id的,当然不设置id也行但有时候对小白不太友好。 为了使点击图片更加贴合整个页面所以需要给图片设置样式,比如宽度、高度为了让图片固定在右下角所以需要给图片设置固定定位并调整其位置。 最后便是javascript部分,当页面发生滚动时,首先获取到滚动的高,然后返回获取...原创 2022-05-08 15:57:59 · 392 阅读 · 0 评论 -
闭包切换图片
如图: 此案例HTML代码只有一个div和三个span标签还有三个img标签,整体代码量不多,但如果粗心那也会很苦恼的。 同时为了让整个案例看起来更加整洁美观,需要给span标签和img标签设置css样式,还要给span标签设置鼠标移入时的伪类,最重要的是要给img标签的display属性的属性值为none,这样才能使图片在未点击时不显示。 接下来就是本篇文章的重点——JS部分 页面在加...原创 2022-04-28 10:14:29 · 59 阅读 · 0 评论 -
复选框的全选、全不选和反选
如图: 整个页面内容非常少只有五个复选框和三个按钮,如果嫌复选框少的话可以自己手动增加。 HTML内容如下图,但要注意一点就是输入框的tyep属性的属性值一定要是checkbox,因为checkbox就是复选框的意思,在HTML里也是复选框,所以tyep的值一定要是checkbox,要不然它就不是一个复选框。 接下来就是本篇文章的重点,JavaScript部分。 按照惯例首先要获取到所有...原创 2022-04-19 10:55:12 · 4082 阅读 · 1 评论