Home > Article > Web Front-end > JS实现的文字与图片定时切换效果代码
JS实现的文字与图片定时切换效果代码
- PHPzforward
- 2016-05-16 15:37:201732browse
这篇文章主要介绍了JS实现的文字与图片定时切换效果代码，可实现定时切换及鼠标点击切换两种效果，涉及JavaScript鼠标事件控制页面样式的相关技巧，需要的朋友可以参考下，具体如下：
这是近来门户们都喜欢用的特效，左侧是一个大图片，右侧是对应文字，鼠标移动时，对应行的文字会变化，图片也相应的切换，如果没有鼠标动作时，它会自己播放，播放时间可调整，个人感觉挺不错的导航效果。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-txt-pic-time-cha-tab-codes/
具体代码如下：
文字与图片切换
- VB在线出题考试系统
- jQuery 仿iGoogle 主页模块拖动
- jQuery UI 官方实例集
- VB在线出题考试系统
- 小妖ASP投票调查系统 v4.0
- jQuery 带动画的日期选择插件
- VB在线出题考试系统
- jQuery 仿iGoogle 主页模块拖动
- jQuery UI 官方实例集
- VB在线出题考试系统（MSSQL）
- 小妖ASP投票调查系统 v4.0
- jQuery 带动画的日期选择插件
以上就是本章的全部内容，更多相关教程请访问JavaScript视频教程！
Statement：
This article is reproduced at:jb51.net. If there is any infringement, please contact admin@php.cn delete
Previous article：jQuery仅用3行代码实现的显示与隐藏功能完整实例_jqueryNext article：js小数运算出现多位小数如何解决