博客第一篇:介绍一个js封装类 MSClass.js

新手第一篇博客,如有不足 请多多指教哈~

在偶然的一次机会,接触到一个js封装类 那时候是我刚学js的时候,觉得什么效果都写不出来,脑子里也没有什么思路和逻辑之类的(新手们有这样的问题么...)

然后在随便点开链接的时候,接触到了一个js类 MSClass.js。。

MSClass,是一款通用不间断滚动JS封装类,几乎支持目前所有流行风格的图片或文字的滚动/切入/渐显等效果,同时支持横向/竖向/连续/间断/缓动等多种形式。

要使用它,先在head部分引入 MSClass.js 核心文件,如:

<script type="text/javascript" src="MSClass.js"></script>

MSClass.js有参数直接赋值、参数动态赋值法、对象直接赋值的方法。

参数直接赋值:

<script type="text/javascript">
new Marquee("Marquee",0,1,760,104,50,5000,3000,52)
new Marquee("Marquee",null,null,760,104,null,5000,null,-1)
</script>

参数动态赋值法:

<script type="text/javascript">
var Marquee1 = new Marquee("Marquee") *此参数必选
Marquee1.Direction = "top"; 或者 Marquee1.Direction = 0;
Marquee1.Step = 1;
Marquee1.Width = 760;
Marquee1.Height = 52;
Marquee1.Timer = 50;
Marquee1.DelayTime = 5000;
Marquee1.WaitTime = 3000;
Marquee1.ScrollStep = 52;
Marquee1.Start();
</script>

对象直接赋值

<script type="text/javascript">
new Marquee(
{
MSClass : {MSClassID : "MSClassBox " , ContentID : "ContentID " , TabID : "TabID "},
Direction : "top",
Step : 0.1,
Width : 760,
Height : 52,
Timer : 50,
DelayTime : 5000,
WaitTime : 3000,
ScrollStep: 52,
AutoStart : 1
});

new Marquee(
{
MSClassID : "MSClassBox ",
ContentID : "ContentID ",
TabID : "TabID ",
Direction : "top",
Step : [0.5,30],
Width : 760,
Height : 52,
Timer : 50,
DelayTime : 5000,
WaitTime : 3000,
ScrollStep: 52,
AutoStart : 1
});

new Marquee(
{
MSClass : ["MSClassBox ","ContentID ","TabID "],
Direction : "top",
Step : [0.4,"easeOutElastic"],
Width : 760,
Height : 52,
Timer : 50,
DelayTime : 5000,
WaitTime : 3000,
ScrollStep: 52,
AutoStart : 1
});
</script>

它只针对于图片文字的动态效果,是一个独立的封装类 ,一般与其他js类不冲突。

而且几乎兼容市面上的所有浏览器。。

具体参数及用法 请参照:http://www.popub.net/script/MSClass.html 。谢谢~

时间: 2024-10-11 13:54:21

博客第一篇:介绍一个js封装类 MSClass.js的相关文章

博客第一篇_Xcode6_iOS_APP上传失败总结

Xcode6_iOS_APP上传失败总结 最近刚刚完成工程,上传的时候遇到一些麻烦,在这里分享给大家,希望对遇到同样问题的有些帮助. 我遇到的是这样的,工程调试完成,打包后,用xcode6自带的Application Loader上传时,首先遇到的是 Error Description not available 上传N多次都是这个错误 截图如下: 调试多次未果,初步人为是网络问题,结果回到家任然上传不成功,同样的问题. 翻翻博客,有人提到FQ后上传成功.于是打开FQ,上传,开始了.传输过程遇到

博客第一篇:测试

#coding:utf-8#2018/8/10 __author__ = 'robin' #重写了一些selenium的查找方法,使这些方法更简单 from selenium import webdriverfrom selenium.webdriver.common.action_chains import ActionChainsfrom selenium.common.exceptions import StaleElementReferenceExceptionfrom selenium

Android应用开发-小巫CSDN博客clientJsoup篇

Android应用开发-小巫CSDN博客clientJsoup篇 距上一篇博客已经过去了两个星期,小巫也认为很抱歉,由于在忙着做另外一个项目,差点儿抽不出空来,这不小巫会把剩下的博文全部在国庆补上.本篇博客将会给大家介绍怎样使用Jsoup这个库来解析我们的网页,而且怎样对我们想解析的网页进行分析. Jsoup这个库的下载地址:http://jsoup.org/download 笔者这里使用的jsoup-1.7.2 下载完之后拷贝到项目中的libs文件夹下就可以: Jsoup的资料比較少,可供參考

关于自己博客断更的一个消息。

关于自己博客断更的一个消息. 十分抱歉,向来喜欢咕咕的我要断更了. 具体原因:我遇到了一个问题. 我实力太弱,对知识点掌握的少且不牢固. 并且十分颓废,导致十分菜. 而且语文基础薄弱. 使得每一篇博文显得臃肿且难以读懂,没有切中要点. 平时太浮躁,发的题解难免有些细节没有考虑到. 而且noip考的十分烂,我已经高二了,还有两个月,想冲省选. 所以最近是断更了. 准备增强实力之后,然后进行更博. 而且也没有多少人看我这个菜鸡的博客吧. 原文地址:https://www.cnblogs.com/gz

Django开发博客(基础篇)

Django开发博客(基础篇)http://www.itmin.cn/archives/918

博客园里写blog可以添加自己的js文件

在博客园里写blog可以添加自己的js文件,这样就可以按照自己的要求在blog里实现一些自己想要的功能. 今天下午,度娘了很久,又看了一些大神的博客,debug了一下他们的代码,终于知道怎么添加js了,现在整理出来,帮助那些像我一样,想在博客上自己整整的朋友. 好废话不多说了直接上图. 进入自己的博客首页,点击[管理] 点击管理进入如下界面,点击[文件],如下图 做好这些准备工作以后,开始打开写随笔界面,添加js文件引用,如下图

第一篇博客,希望是一个好的开始

博客园"占座位" 因为学习专业的原因,经常浏览博客学习和解惑.在前辈们的作品中学到了很多,也感受到了很多.通过博客的方式去分享知识和记录自己的成长.这种积极向上的,乐于分享的精神,让我很受鼓舞.我时刻准备着加入这一大军的行列.于是我就注册了个账号,呵呵. 第一篇博客 经常会突发奇想的计划着怎么怎么样,却在行动的时候虎头蛇尾了,很难坚持作下去.这或许是很多人都存在的问题.在别人博客上看到:"或许写博客是一个不错的方法".通过博客,经常来记录一下自己的学习,分享一下自己

基于Hexo+Node.js+github+coding搭建个人博客——基础篇

附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/ 搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看Start My Blog Trip - Power By Hexo 记录一下搭建的基本过程以及遇到的一些问题,仅供参考 = =废话不多说,进入主题 Hexo博客搭建的基础大致流程为: 安装Node.js →安装Git → 安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pa

Django开发博客 入门篇

Django是神马? Django是一个开源免费的Web框架,使用Python编写.能够让你快速写出一个Web应用, 因为它包含了绝大部分的组件,比如认证,表单,ORM,Session,安全,文件上传,页面模板等,避免了重复造轮子. 官方网站:https://www.djangoproject.com/ 笔者写这篇教程的时候,最新版本是1.9 安装Django1.9 安装python虚拟环境 为了开发应用的时候使用单独的环境,最好是安装virtual environment, 这样有很好的独立性