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

随机推荐

预处理（防止sql注入的一种方式）
<?php/* 防止 sql 注入的两种方式: 1. 人为提高代码的逻辑性,使其变得更严谨,滴水不漏. 比如说增加判断条件,增加输入过滤等,但 ...
PHP 基础知识测试题答案分析
一:选择题(单项选择,每题2分): 1． LAMP具体结构不包含下面哪种(A ) A:Windows系统如果是这个就是WMP B:Apache服务器 C:MySQ ...
替代jquery1.9版本以前的toggle事件函数（开关）
以上文章为转载自http://blog.sina.com.cn/s/blog_50042fab0101c7a9.html var flag=1; $(".selector").cl ...
基本SQL语句
说明:几个简单的基本的sql语句选择:select * from table1 where 范围插入:insert into table1(field1,field2) values(value1 ...
jquery插件编写模版
jquery插件是什么??这里以讨论实力方法为主,比如 $("div").pluginname({}); 他的最简单形势应该是 $.prototype.plugin = funct ...
OpenCASCADE BRep vs. OpenNURBS BRep
OpenCASCADE BRep vs. OpenNURBS BRep eryar@163.com Abstract. BRep short for Boundary Representation. ...
JS 原型，检索，更新，引用等
<script type="text/javascript"> var myObject=maker({ first:f, last:1, state:s, city: ...
谈谈基于OAuth 2.0的第三方认证 [中篇]
虽然我们在<上篇>分别讨论了4种预定义的Authorization Grant类型以及它们各自的适用场景的获取Access Token的方式,我想很多之前没有接触过OAuth 2.0的读者 ...
codefordream 关于js中级训练
中级训练接着就紧锣密鼓的开始了. 首先是关于变量,变量的作用是给一个数据值标注名称. 注:JavaScript中变量名,函数名,参数名的命名规范:至少由字母,下划线,美元符号,数字其中的一种组成,但不 ...
MyCAT报java.lang.OutOfMemoryError: Java heap space
早上同事反映,mycat又假死了,估计还是内存溢出,查看了一下错误日志. INFO | jvm | // :: | java.lang.OutOfMemoryError: Java heap spac ...

推荐一个内容滚动jquery插件

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

随机推荐

热门专题