推荐一个内容滚动jquery插件

myslider是一个内容滚动jquery插件，版本0.1.2的每次滚动内容是一行内容，可以是文字，可以是一个链接，还可以是图片。

参考：http://plugins.jquery.com/myslider/

例子代码：

 <!DOCTYPE html>

 <html>

 <head>

 <title>myslider</title><base target="_blank" />

 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>

 <link href="http://keleyi.com/jq/myslider/css/jquery.myslider.0.1.2.css" type="text/css" rel="Stylesheet" />

 <script type="text/javascript" src="http://keleyi.com/jq/myslider/js/jquery.myslider.0.1.2.js"></script>

 </head>

 <body>

 <div style="width:300px;margin:10px auto;"><h2>myslider 0.1.2 demo</h2></div>

 <div id="myslider_keleyi_com" class="keleyimyslider" style="margin:0px auto;">

 <ul>

 <li>Myslider is a jquery plugin.</li>

 <li>Very simple to use.</li>

 <li><a href="http://keleyi.com/jq/myslider/"><img src="http://keleyi.com/jq/myslider/img/myslider.jpg" alt="myslider" /></a></li>

 <li><a href="http://keleyi.com/menu/jquery/">jQuery</a></li>

 <li>It make content scroll.</li>

 <li><a href="http://keleyi.com/keleyi/">Keleyi Menu Home</a></li>

 <li><a href="http://plugins.jquery.com/myslider/">jquery plugin</a></li>

 <li><a href="http://keleyi.com/jq/myslider/">myslider</a></li>

 <li>http://keleyi.com/jq/myslider/</li>

 <li>This is a myslider demo.</li>

 </ul>

 </div>

 <script type="text/javascript">

 $("#myslider_keleyi_com").myslider({ "width": "500px"

 , "height": "200px"

 , "millisec": "3000"

 , "fontSize": "30px"

 , "direction": "down"

 });

 </script>

 <div><a href="http://keleyi.com">home</a> <a href="http://keleyi.com/jq/myslider/demo1/">demo 0.1.0</a> <a href="http://keleyi.com/jq/myslider/demo/2.htm">demo 0.1.1</a></div>

 </body>

 </html>

Web前端资源汇总 http://www.cnblogs.com/jihua/p/webfront.html

随机推荐

SpringMVC常用的注解
1. @Controller @Controller用于标识控制层主键,负责注册一个bean到spring上下文,bean的ID默认为首字母小写的类名称,用户也可以自定义. 例如: 方式一: @Co ...
MySQL_02之增删改查、PHP数据库操作
1.数据操作: ①插入记录: 插入单条记录:INSERT tbl_name(字段名称,--) VALUES(字段值,--); 插入多条记录:INSERT tbl_name(字段名称,--) VAL ...
angularjs自动化测试系列之karma
angularjs自动化测试系列之karma karma test with jasmine 更好的利用工具是为了让生活更美好. 需要安装的东西: npm install karma -g mkdir ...
设计与开发一款简单易用的Web报表工具（支持常用关系数据及hadoop、hbase等)
EasyReport是一个简单易用的Web报表工具(支持Hadoop,HBase及各种关系型数据库),它的主要功能是把SQL语句查询出的行列结构转换成HTML表格(Table),并支持表格的跨行(Ro ...
VS2013常用快捷键你敢不会？
F1 帮助文档 F5 运行 F12 跳转到定义 F11 单步调试 Shift+F5 停止调试 Ctrl+滚轮放大缩小当前视图 Ctrl+L 删除当前行 Ctrl+K,Ctrl+C 注释选中代码 Ct ...
MVC5 网站开发实践 1、建立项目
目录 MVC5 网站开发实践概述一.建立项目 1.建立团队项目在办公室和家里使用不同的电脑,为了方便代码的共享将项目建立为团队项目. 如图打开vs2013→新建→团队项目(图1),会自动 ...
深入理解脚本化CSS系列第三篇——脚本化CSS类
前面的话在实际工作中,我们使用javascript操作CSS样式时,如果要改变大量样式,会使用脚本化CSS类的技术,本文将详细介绍脚本化CSS类 style 我们在改变元素的少部分样式时,一般会直接 ...
DDD 主题交流会总结及计划
思维碰撞才能更加进步 2015年5月16日(上周六),我们举行了一次 DDD 主题的交流会,参会者主要是 ENode 群友.以及部分园友,为什么要搞这次交流会?原因很简单,就是希望可以提供对 DDD ...
JavaScript框架设计(三) push兼容性和选择器上下文
JavaScript框架设计(三) push兼容性和选择器上下文博主很久没有更博了. 在上一篇 JavaScript框架设计(二) 中实现了最基本的选择器,getId,getTag和getClass ...
iOS 实现类似雷达效果的核心代码
-(void)drawRect:(CGRect)rect { [[UIColor clearColor]setFill]; UIRectFill(rect); NSInteger pulsingCou ...

推荐一个内容滚动jquery插件

推荐一个内容滚动jquery插件的更多相关文章

随机推荐

热门专题