点击传参方法和鼠标事件措施

时间:2020-02-03 22:18来源:澳洲幸运10平台
网页制作web前端之家文章简介:从这张开始就和大家说一些实用的效果的写法。当然首当其冲的就是我们可爱的TAB选项卡,用JQ写选项卡当然是很方便的而且方法也很多。其实用原生的

网页制作web前端之家文章简介:从这张开始就和大家说一些实用的效果的写法。当然首当其冲的就是我们可爱的TAB选项卡,用JQ写选项卡当然是很方便的而且方法也很多。其实用原生的JS写选项卡方法也很多。

从这张开始就和大家说一些实用的效果的写法。当然首当其冲的就是我们可爱的TAB选项卡,用JQ写选项卡当然是很方便的而且方法也很多。其实用原生的JS写选项卡方法也很多。下面我就写几个给大家看看一,点击传参方法

function tab{var list = document.getElementById.getElementsByTagName;var con = document.getElementById.getElementsByTagName;for(var i=0;iif{list.className = "on";con.style.display = "block";}else{list.className="";con.style.display="none";}}}**

  • 1
  • 2
  • 3
  • 4

111111

222222

333333

444444

我解释一下var list = document.getElementById.getElementsByTagName;var con = document.getElementById.getElementsByTagName;获取dom元素,这个不用说了吧。写什么效果第一件事都是获取元素for(var i=0;i二,直接写入鼠标事件方法

function tab(){var list = document.getElementById.getElementsByTagName;var con = document.getElementById.getElementsByTagName;for(var i = 0;i{list.onclick=function(){for(var i=0;iif{list.className = "on";con.style.display = "block";}else{list.className="";con.style.display="none";}}}}}window.onload=function;}**

  • 1
  • 2
  • 3
  • 4

111111

222222

333333

444444

只是简单的改动一下就可以了,因为在JS中有这些方法可以用比如onclick,onmouseover等等,但是用的时候我要先把所有的要用这个事件的元素都遍历一下,如果那个被点击就会传入一个this,我们只需要像第一种方法一样判断一下list是不是和这个this相同,然后下面的操作和第一种方法一样(这样两种方法都是比较简单的写法,在JS里还有一些比较高级复杂的写法,但是用到的思想和这两种写法大多一样。)好了就到这里,建议大家可以用这种方法写一个图片切换效果,我想应该很简单吧

编辑:澳洲幸运10平台 本文来源:点击传参方法和鼠标事件措施

关键词: