推荐一个内容滚动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

随机推荐

angular-ui分页组件
http://angular-ui.github.io/bootstrap/#/pagination 分页组件只提供生成分页按钮,数据的显示需要使用ng-repeat, 注意设置 items-per- ...
ComboTree 的json格式和引用
在easyui内,用 <select>实现combotree. <td ><select class="easyui-combotree" url=& ...
jQuery对象与DOM对象之间的转换方法
刚开始学习jquery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象.至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换. 什么是jQuery对 ...
【转】C# 的Brush 及相关颜色的操作
// (实心刷) Rectangle rect1 = , , , ); SolidBrush sbrush1 = new SolidBrush(Color.DarkOrchid); SolidBrus ...
windows下实现Git在局域网使用
1.首先在主机A上创建一个文件夹用于存放你要公开的版本库.然后进入这个文件夹,右键->Git create repository here,弹出的窗口中勾选Make it Bare!之后将这个文 ...
jQuery之on
在jQuery1.9版本中,已经去掉了live和delegate方法,从而将on方法的地位进一步提升. jQuery如此推崇on方法,必有其牛逼的地方.那么我们就有必要了解这个on,并在代码中利用它, ...
在ubuntu server中安装和配置docker
经过一段时间针对不同版本的学习,现在总结当前最新的安装配置过程(应该也是比较简单的) 如果不清楚什么是docker,请参考 https://www.docker.com/ 准备工作建议在安装之前运行 ...
Java学习笔记——回调函数
转载:http://wangyang0311.iteye.com/blog/368031 一般来说分为以下几步: 声明回调函数的统一接口interface A,包含方法callback(); 在调用类 ...
用html5的视频元素所遇到的第一个坑
html5 有一个video标签,这个是被大家所熟知的事情.按照w3c的规范,我认真的写出如下代码: <video preload="auto" controls=" ...
js 中类似时钟的显示
先上代码 <!DOCTYPE html> <html> <head> <script> function startTime() { var today ...

推荐一个内容滚动jquery插件

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

随机推荐

热门专题