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

随机推荐

JS中script词法分析
核心:JS中的script是分段执行的. <script> var i = 10; </script> <script> alert(i); </script ...
WPF入门教程系列二十一——DataGrid示例(一)
前面我们学习了ListView控件的使用示例,今天我们来学习DataGrid的有关知识.提到DataGrid 不管是Asp.Net中的网页开发还是WinForm应用程序开发都会频繁使用.通过它我们可以 ...
SQL 必知必会
本文介绍基本的 SQL 语句,包括查询.过滤.排序.分组.联结.视图.插入数据.创建操纵表等.入门系列,不足颇多,望诸君指点. 注意本文某些例子只能在特定的DBMS中实现(有的已标明,有的未标明),不 ...
javascript的canvas绘图的基本用法
<canvas>是HTML里面非常强大的元素,利用它结合js可以实现很多动画效果,大大增强交互性.下面,我想用图文并茂的方式阐述一下canvas的绘图机制的基础内容,话不多说,先上代码: ...
Css概要与选择器，刻度单位
目录一.CSS3概要 1.1.特点 1.2.效果演示 1.3.帮助文档与学习二.选择器 1.1.基础的选择器 1.2.组合选择器 1.3.属性选择器 1.4.伪类 1.5.伪元素三.特殊性(优先 ...
OpenCASCADE Make Primitives-Sphere
OpenCASCADE Make Primitives-Sphere eryar@163.com Abstract. The sphere is the simplest topology shape ...
自定义配置UEditor 工具栏上的按钮列表
修改配置项的方法: 1. 方法一:修改 ueditor.config.js 里面的 toolbars 2. 方法二:实例化编辑器的时候传入 toolbars 参数方法一:在ueditor.confi ...
【结果很简单,过程很艰辛】记阿里云Ons消息队列服务.NET接口填坑过程
Maybe 这个问题很简单,因为解决方法是非常简单,但填坑过程会把人逼疯,在阿里云ONS工作人员.同事和朋友的协助下,经过一天的调试和瞎捣鼓,终于解决了这个坑,把问题记下来,也许更多人在碰到类似问题的 ...
配置 L3 agent - 每天5分钟玩转 OpenStack（99）
上一节我们介绍了路由服务(Routing)的基本功能,今天教大家如何配置. Neutron 的路由服务是由 l3 agent 提供的. 除此之外,l3 agent 通过 iptables 提供 fir ...
引用类型-RegExp类型
JavaScript高级程序设计(第三版)笔记-第五章-RegExp类型定义正则表达式有两种方式 1.用字面量形式定义正则表达式: ver expression = /patterns/flags; ...

推荐一个内容滚动jquery插件

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

随机推荐

热门专题