当前位置:Gxlcms > JavaScript > JS实现的文字与图片定时切换效果代码

JS实现的文字与图片定时切换效果代码

时间:2021-07-01 10:21:17 帮助过:4人阅读

这篇文章主要介绍了JS实现的文字与图片定时切换效果代码,可实现定时切换及鼠标点击切换两种效果,涉及JavaScript鼠标事件控制页面样式的相关技巧,需要的朋友可以参考下,具体如下:

这是近来门户们都喜欢用的特效,左侧是一个大图片,右侧是对应文字,鼠标移动时,对应行的文字会变化,图片也相应的切换,如果没有鼠标动作时,它会自己播放,播放时间可调整,个人感觉挺不错的导航效果。

运行效果截图如下:

在线演示地址如下:

http://demo.jb51.net/js/2015/js-txt-pic-time-cha-tab-codes/

具体代码如下:

以上就是本章的全部内容,更多相关教程请访问JavaScript视频教程!

人气教程排行