js怎么实现点击循环切换颜色_框架

你可以先将要出现的颜色，存储到一个数组里，点击时切换数组里的元素就可以了。

下面是小例子：

<body>

</body>

var sColor = ['red','blue','yellow','gray'];

var oDiv = documentgetElementsByTagName('div')[0];

var iNum = 0;

oDivonclick = function(){

thisstylebackground = sColor[iNum%sColorlength];

iNum++;

};

</script>

1、建立一个静态页命名为changehtml ，标题为js导航点击的怎么同时变跟字体颜色。

2、设置一个简易的导航栏。

3、加css 控制菜单的样式，并加入背景。

4、为li添加id，创建函数fun ，并传递传递参数。

5、为函数加入点击导航改变背景的代码elementstylebackgroundImage="url(images/bg2png)";

6、加入改变文字大小的代码

elementstylecolor="black";

//修改文字大小

elementstylefontSize="18px";

7、然后就完成了。

复制以下代码。。。。看效果！！

//<![CDATA[

var currentIndex = 0;

function changeBg(){

//定义要切换的背景，双引号里面"1jpg","2jpg","3jpg","4jpg"，可以放任意多个用,隔开

var bgImgs = ["1jpg","2jpg","3jpg","4jpg"];

if (currentIndex >= bgImgslength)

currentIndex = 0;

var obj = documentgetElementsByTagName("body")[0];

objstylebackgroundImage="url("+bgImgs[currentIndex]+")";

currentIndex += 1;

}

setInterval("changeBg()", 3000); //设定定时切换，单位为毫秒这里是3000 毫秒

//]]>

</script>

以上就是关于js怎么实现点击循环切换颜色全部的内容，包括:js怎么实现点击循环切换颜色、html css js导航点击菜单后自动改变背景颜色、用Js或者jq隔一段时间就改变body的背景图片或者背景颜色。。。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

js怎么实现点击循环切换颜色