摘要： 之前写过过一种轮播图的切换，是按照顺序依次点击依次更换图片，这次的图片切换主要是可以有点类似京东的轮播图，区别不同的是没有加定时器，不能自己循环，而需要点击任何一个下标，显示当前所对应的图片。 先来看看布局html和css： 没有写js的效果图如下所示： 要实现点击 右上角的li中间的图片进行切换， 阅读全文

摘要： 上篇博客是每个li里只有仅仅一个div去更改其颜色，但是若是我们遇到每个li里有多个及不同数量的div，而每个div要匹配数组里的颜色，并且依次递增循环，那么就要用到for循环以及清楚了解this指向当前元素是哪一个然后再给其匹配数组中的颜色。这些话有点绕口，那我们来看代码，先来看看布局： 以上li 阅读全文

摘要： 任何的html标签都有自己的一个属性，当时那都是它本身的固定属性，而我们在项目中可能会遇到需要给标签添加一些自定义的属性，去判断替换内容或者赋值等等，那么就需要给标签设定一个属性来作为判断标准或者赋值的标准，所以今天就来谈谈给标签自定义属性的一个小应用。 案例：三个div有背景色，想要达到效果是点击 阅读全文

摘要： 今天来说一下this的应用，其实js中的this是指调用当前方法或者函数的那个对象，牢牢记得这个就很好理解了，通过一个鼠标移入出现浮层，移除浮层消失这个小小的案例来进一步说明这个this的应用。 先来看看简单的布局代码，以及显示的效果： 先让这三个黄色的浮层消失，然后鼠标移入， 给它写上“我是浮层” 阅读全文

摘要： 在说今天的知识点之前，先说一下cssText的属性应用，关于cssText是给标签添加行内样式，比如我们要给一个原有的div动态添加了宽高500px；然后又通过cssText给动态添加了一个宽200px，那么最后这个div上的样式就只有最后你添加的这个200px；而宽度就没有了,看代码： 从上面的案 阅读全文

摘要： 关于for循环这是js中的重点，特别是项目中会经常用到，并且它的运用范围还极其的广泛，极其的复杂，今天就来遍历一个多层嵌套的元素，先来看看简单的布局： 这种布局就是ul里有li然后li里又嵌套着ul，并且不是单一的有规律的嵌套里面还穿插有h2，页面布局所显示的效果如下图所示： 其实我想要的实现的效果 阅读全文

摘要： 简单了解一下for循环获取坐标，for循环是js中经常用到，一般情况下，页面上有很多元素的情况下，我们不可能一一的去添加，所以就会用到for循环。今天先简单写一个获取页面元素的坐标，首先先动态给页面添加10个div，并把每个div写一个50*50的宽高给个绝对定位；然后要实现的效果是让每个div都依 阅读全文

摘要： 原生js中获取元素的方法有很多，那么今天就来重点说一下getElementById和ByTagName的区别： 1、getElementById前面必须是document；而getElementByTagName前面除了是document也可以是其他的元素；先来看一下简单的html代码 举例说明，就 阅读全文

摘要： 想写一个综合性的小案例，主要会运用到数组和判断以及我前面几篇博客所复习到的js的知识。今天案例想要实现的效果图如下图所示： 效果是：点击“循环切换”按钮，那么“一号”位置的文案就要写入“图片可以循环”，而下面的左右箭头在点击过程中可以循环点击，并且“二号”和“三号”要响应切换到相对应的数字和文字内容 阅读全文

摘要： 写今天的判断内容前，先普及一些判断中需要注意的几个点： 1、在js中相对路径不能拿来做判断，比如图片的路径或者href里的路径等； 2、颜色值：color: red 、#f00、 rgb() 、rgba()也不能直接做判断。 这点了解之后，那么就来写今天的案例，就拿背景颜色来写，想要实现的效果是点击 阅读全文