一段滚动文字的js (jQuery)

 function startmarqueeOneSMS() {
                    var t;
                    var to;
                    var ishover = false;
                    var waitone = 3000;
                    var speed = 30;
                    var currentI = 0;
                    var stop_margintop = {};
                    var o = document.getElementById("demo2");
                    var maxI = jQuery("div", o).length;
                    var tempmargintop = 0;
                    jQuery("div", o).each(function(index) {
                        tempmargintop += jQuery(this).outerHeight();
                        stop_margintop[index] = tempmargintop;
                    });

                    //复制一份避免出现空白
                    o.innerHTML += o.innerHTML;
                    o.style.marginTop = "0px";

                    function start() {
                        clearInterval(t);
                        clearTimeout(to);
                        t = setInterval(scrolling, speed);
                        //document.getElementById("kw").value = new Date().getSeconds();
                    }
                    o.onmouseover = function() {
                        clearInterval(t);
                        clearTimeout(to);
                    }
                    o.onmouseout = function() {
                        start();
                    }
                    function scrolling() {
                        var margintop = parseInt(o.style.marginTop);
                        if (stop_margintop[currentI] == Math.abs(margintop)) {
                            clearInterval(t);
                            currentI++;
                            if (currentI == maxI) {
                                o.style.marginTop = "0px";
                                currentI = 0;
                            }
                            to=setTimeout(start, waitone);
                        }
                        else {
                            //向上滚动1PX
                            o.style.marginTop = parseInt(margintop) - 1 + "px";
                        }
                    }
                    start();
                }
                startmarqueeOneSMS();
            });

在原来的一直滚动稍微改了一下,每滚动一条之后停一会儿。

时间: 2024-10-24 00:39:22

一段滚动文字的js (jQuery)的相关文章

jQuery全屏滚动插件fullPage.js中文帮助

简介 fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便.很轻松的制作出全屏网站 主要功能 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机.平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等 兼容性 fullPage.js 支持 IE8+ 及其他现代浏览器. 使用方法 1.引入文件 <link rel="stylesheet" href="css/

js实例_当鼠标移动到某个元素上时在元素下面显示一段提示文字

效果: 当鼠标不在自动登录上时,只显示自动登录这个表单,下面的div提示则隐藏. 当鼠标移动到自动登录这个表单时,则显示下面的div提示,当鼠标移出时再将其隐藏 代码实现与原理: HTML代码: <body> <input type="checkbox" />自动登录 <div id="div1">不要再玩游戏啦!!!</div> </body> CSS代码:给id为div1的元素做一下修饰,并且将其最开始

jQuery全屏滚动插件fullPage.js API

1.引入js: <link rel="stylesheet" href="css/jquery.fullPage.css"> <script src="js/jquery.min.js"></script> <!-- jquery.easings.min.js 是必须的,用于 easing 参数,也可以使用完整的 jQuery UI 代替 --> <script src="js/jq

jquery之全屏滚动插件fullPage.js

简介 fullPage.js 是一个基于 jQuery 的插件,它能够很方便.很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机.平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等 兼容性 jQuery 兼容 兼容 jQuery 1.7+. 浏览器兼容 IE8+ ? Chrome ? Firefox ? Opera ? Safari ? 使用方法 1.引入文件

jQuery全屏滚动插件fullPage.js演示

fullPage.js 是一个基于 jQuery 的插件,它能够很方便.很轻松的制作出全屏网站. 下载源码 参数 主要功能 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机.平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等 兼容性 fullPage.js 支持 IE8+ 及其他现代浏览器. 使用方法 1.引入文件 <link rel="stylesheet" href="

SharePoint 2010/SharePoint 2013 Custom Action: 基于Site Collection 滚动文字的通知.

应用场景: 有时候我们的站点需要在每个页面实现滚动文字的通知,怎么在不修改Master Page的情况下实现这个功能?我们可以使用Javascript 和 Custom Action 来实现. 创建一个Custom Action.主要使用到 Location = 'ScriptLink' 属性, 该属性可以动态的加载JavaScript 文件链接和代码块到模板页.代码如下: <Elements xmlns="http://schemas.microsoft.com/sharepoint/&

js/jquery中实现图片轮播

一,jquery方法 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片轮播 jq(左右切换)</title> <style type="text/css">   body,div,ul,li,a,

js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

HTML滚动文字代码 marquee标签

    <marquee style="WIDTH: 388px; HEIGHT: 200px" scrollamount="2" direction="up" ><div align="left" ><br /></div ><center ><font face="黑体" color="#008000" size=&q