js焦点文字滚动效果代码分享

本文实例讲述了js焦点文字滚动效果。分享给大家供大家参考。具体如下：
效果描述：
今天推荐的这个又是一个原生的js焦点图效果
默认自动切换，也可以手动切换
javascript代码采用函数式对象编程，也就是javascript编程中的Module模式
基本用法很简单，主要特点有三：
1、模块化，可重用
2、封装了变量和function，和全局的命名空间不接触，不污染全局变量
3、只暴露可用public方法，其他私有方法全部隐藏，确保js相互之间不会冲突
运行效果图：-------------------查看效果-------------------

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。
为大家分享的jQuery下拉美化搜索表单效果代码如下

*{margin:0;padding:0; list-style:none;}

#slider{overflow:hidden;width:470px;height:150px;position:relative; margin:100px auto;}
#slider .pics{width:470px;height:150px}
#slider .pics li{height:150px;width:470px;float:left}
#slider #nav {position:absolute;bottom:5px;right:5px;}
#slider #nav li.nav{background:#F47500; color:#fff;}
#slider #nav li{border:1px solid #f47500; color:#d94b01; cursor:pointer;background:#fff;font-size:12px; height:15px;width:15px;float:left;margin-left:4px;display:inline;text-align:center}






 

 

 

 

 

 

 
 

 
1
 
2
 
3
 
4
 
5
 

以上就是为大家分享的js(不依赖现有框架)焦点文字滚动效果代码，希望大家可以喜欢。