![](https://img-blog.csdnimg.cn/20210429103850835.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
没用的小案例
没用的小案例
邢思北
哈喽沃德
展开
-
教你如何利用js实现一个简单的点名器
今天在学习js的时候,突然想做一个点名器,大学java课老师的点名器曾让我胆战心惊,如果通过js来实现一个点名器该怎么做呢?废话不多说,先来看看最终要实现的效果:首先来分析HTML结构:结构部分主要依靠四个div进行布局,红框为最外层容器,内部有三个子元素,其中 开始 和 点名 两个div是并排的。HTML: <div id="outer"> <...原创 2020-05-04 22:09:57 · 2498 阅读 · 0 评论 -
教你如何利用js原生实现一个轮播图效果
今天学习js,尝试着做了一个js原生实现的轮播图效果,做完后,来分享一个笔记,先来看下最终效果:首先我们先对这个轮播图进行分析:布局方面主要分为了轮播图容器、左右翻页按钮、导航小圆点以及图片列表HTML: <!-- 显示区域 --> <div class="wrap"> <!-- 箭头 --> <span class="pre...原创 2020-05-05 22:37:25 · 436 阅读 · 0 评论 -
教你如何利用js实现一个标签添加功能
今天在学习js中子元素节点的增删改查,通过js可以对HTML中的标签进行非常方便的修改,于是联想到一个功能,那就是——标签做过自媒体的同学应该,在许多网站中都能看到这个功能,为你的视频或文章添加标签,可以让系统更清楚的认识到你的内容,也可以快速的推荐给感兴趣的用户,今天我们就来做一个添加标签的功能,废话不多说,先看最终效果:在这里主要的功能是,通过输入框输入关键字,按下回车后,标签会出现在下面,当鼠标经过标签时,标签高亮,当鼠标点击标签时,标签被删除。我还做了一个功能是当标签的数量大于了10个之后原创 2020-05-08 19:51:40 · 1826 阅读 · 2 评论 -
利用js实现一个动态打字的效果
最近自己在做项目,其中首屏的一段文字不想让其直接显示出来,而是模拟打字的过程,一个字一个字的出现。其实这个效果非常好做,利用定时器和字符串,遍历字符串的索引,将字符写入页面即可,先来看一下效果吧:因为功能比较简单,并且使主要通过js实现的,我在这里只展示js的代码JavaScript:window.onload = function(){ // 获取div节点的dom对象 var divNode = document.querySelector('div'); // 需要写入页面的字符串,这里原创 2020-05-21 11:41:39 · 1067 阅读 · 0 评论