js文字自动切换

JavaScript05

js文字自动切换,第1张

支持自动切换文字的导航菜单效果,实际上看上去并不像菜单,猛一看倒像是一个Select下拉框,两侧带有箭头控制按钮,点击左侧则向上切换菜单文字,点击右侧则切换到一个菜单项内容,也可自动切换,鼠标不点击的时候菜单会自动变化文字。

1、点击1中的选项。

2、在2中的输入框中输入chinese。

3、选择中文(简体)。

4、在出来的右边面板中点击Install进行安装,安装过后就显示Uninstall。

<div id="txt" value="" style="width:400pxheight: 300pxborder:1px solid red" >点击此处开始</div>

<script>

var clickIndex = 0

var textArray=["第一句话","第2句话","333","444","555"]

window.onload = function() {

var ts = document.getElementById("txt")

ts.onclick = function() {

if(clickIndex<textArray.length){

document.getElementById("txt").innerHTML = textArray[clickIndex]

clickIndex++

}else{

alert("结束")

}

}

}

</script>