JS实现自动切换文字的导航效果代码

本文实例讲述了JS实现自动切换文字的导航效果代码。分享给大家供大家参考。具体如下：

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

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-auto-cha-font-nav-style-codes/

具体代码如下：

变化的文字导航条



 

 

  

   .scrollerstyle {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #000000 1px solid; CURSOR: hand; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: webdings
}


 

希望本文所述对大家的javascript程序设计有所帮助。