最近在学习javascript,但是以前一直没有学过,虽然在大学学过C 语言,但也不是太深,现在一直从事前端工作主要是CSS/HTML方面,但发现没有JavaScript不行,所以就学习起来,但感觉自己的逻辑能力很差,看到一些效果根本没有思路。
就是有思路的效果,我写的代码也很烂,就像下面一样。
var iNum = 0;
var getSlide = document.getElementById('slidetab');
var getCont = getSlide.getElementsByTagName('div');
var getwrap = document.getElementsByTagName('ul')[0];
var getItem = getwrap.getElementsByTagName('li');
var move = null;
for (var i = 0; i < getItem.length; i++) {
getItem[i].index = i;
getItem[i].onclick = function () {
getItem[iNum].className = '';
getCont[iNum].className = '';
getItem[this.index].className = 'active';
getCont[this.index].className = 'show';
iNum = this.index;
}
};
//自动
var tabBox = document.getElementById('cont-nav');
var tabItem = tabBox.getElementsByTagName('li');
var contBox = document.getElementById('cont-box');
var contItem = contBox.getElementsByTagName('li');
var oNum = 0;
————————————————————————————————————————————
省略之……会写的 不会写的都是一坨的获取,根本不会应用什么函数啊之类的,也没有什么思想,不知道如何提高这方面。如果有好的文章,或者教程,希望大家给推荐一下,关希望大家一起讨论,新手小白,还希望大牛海涵。
就是有思路的效果,我写的代码也很烂,就像下面一样。
var iNum = 0;
var getSlide = document.getElementById('slidetab');
var getCont = getSlide.getElementsByTagName('div');
var getwrap = document.getElementsByTagName('ul')[0];
var getItem = getwrap.getElementsByTagName('li');
var move = null;
for (var i = 0; i < getItem.length; i++) {
getItem[i].index = i;
getItem[i].onclick = function () {
getItem[iNum].className = '';
getCont[iNum].className = '';
getItem[this.index].className = 'active';
getCont[this.index].className = 'show';
iNum = this.index;
}
};
//自动
var tabBox = document.getElementById('cont-nav');
var tabItem = tabBox.getElementsByTagName('li');
var contBox = document.getElementById('cont-box');
var contItem = contBox.getElementsByTagName('li');
var oNum = 0;
————————————————————————————————————————————
省略之……会写的 不会写的都是一坨的获取,根本不会应用什么函数啊之类的,也没有什么思想,不知道如何提高这方面。如果有好的文章,或者教程,希望大家给推荐一下,关希望大家一起讨论,新手小白,还希望大牛海涵。