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

随机推荐

kafka 安装出现的几个问题
1.安装kafka的过程出现两个问题 1)错误: 找不到或无法加载主类 kafka.Kafka 原因: 下载的是源码包,需要编译.可以下载Binary downloads: 2) ERROR I ...
spring mvc Error instantiating class ** with invalid types () or values (). Cause: java.lang.NoSuchMethodException:
一般引起这种问题的原因是 bean和mapper里面的字段未对应上,或者 bean里面没有默认的构造函数引起的.我今天是后面的一个,自己写了带参数的构造函数引起的这个问题...
Cordova+Asp.net Mvc+GIS跨平台移动应用开发实战1-系统初步搭建（附演示,apk,全部源码）
1.前言身处在移动互联网的今天,移动应用开发炙手可热,身为程序猿的我们怎么能错过开发一款我们自己的APP.本人算是一个基于.net的GIS开发入门者(马上就大四啦), 暑假在学校参加GIS比赛有大把 ...
自用迷你版的Deferred
啥也不说贴代码,项目用 /** * 迷你版的deferred */ function Deferred(func) { if (this instanceof Deferred === false) ...
mpi4py实践
版权声明:本文为博主原创文章,未经博主允许不得转载. 1.概述 MPI(Message Passing Interface),消息传递接口,是一个标准化和轻便的能够运行在各种各样并行计算机上的消息传递 ...
趣味GPS
作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 简介 GPS的全称是全球定位系统(the Global Positioning S ...
iOS开发之自定义表情键盘(组件封装与自动布局)
下面的东西是编写自定义的表情键盘,话不多说,开门见山吧!下面主要用到的知识有MVC, iOS开发中的自动布局,自定义组件的封装与使用,Block回调,CoreData的使用.有的小伙伴可能会问写一个自 ...
CSS3实现图形曲线阴形和翘边阴影
首先,来看看完成之后的效果图: 实现原理 ①曲线阴影实现: 多个阴影重叠,就是正常阴影+曲线阴影正常情况下,有个矩形有正常的阴影,作为主投影,这时候再定义一个有一定弧度圆角的圆角矩形,然后放在正常矩 ...
Android Studio的下载和安装教程（从ADT到AS）
之前一直使用的是Android development tools(简称ADT),后来说是google对ADT不再提供支持,然后一直在考虑是否把自己电脑换成Android Studio(简称AS),从 ...
Project Server 2010 配置详解
应公司要求,需要加强对项目的管理.安排我学习一下微软的Project是如何进行项目管理的,并且在公司服务器上搭建出这样的一个项目管理工具.可以通过浏览器就可以访问.我因为用的单机是Project Pr ...

推荐一个内容滚动jquery插件

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

随机推荐

热门专题