zoukankan      html  css  js  c++  java
  • 一个跑马灯插件(持续优化)

    这是我写的一个粗略的跑马灯插件1.0,后面的版本将新增图片滚动的功能!!

    使用方法:

    一、HTML模板

    <div id="marquee-wrapper">
        <div>
            <p>
                这是我写的一个粗略的跑马灯,滚动方向可以设置,具体的宽高样式可以设置,速度可以设置,后面会持续优化。
            </p>
        </div>
    </div>

    首先这个跑马灯的框架固定是这样的,不可改变。最外层的div的id自己制定。

    二、属性和参数

    //Author:Nangxi
    //Version:1.0         
    //属性               解析                可能值
    //id                跑马灯的id           自定
    //decoration        滚动方向             left、right、top、bottom
    //width             跑马灯div宽度        自定(单位px)
    //height            跑马灯div高度        自定(单位px)
    //speed             跑马灯滚动速度       自定

    三、调用

    var marquee={
        id:"marquee-wrapper",
        decoration:"left",
        500,
        height:50,
        speed:10
    };
    scroll(marquee);

    编辑好相应参数,然后调用scroll()方法。

    插件下载地址:https://download.csdn.net/download/qq_34551390/10312103

  • 相关阅读:
    jquery 選擇器
    jquery 語法
    jQuery 簡介
    js cookies
    基本数据类型
    python----编程语言介绍
    Python---计算机基础
    复习os模块常用的一些操作
    模块的初识
    模块和包
  • 原文地址:https://www.cnblogs.com/nangxi/p/8659959.html
Copyright © 2011-2022 走看看