简单的文字上下滚动

简介:三秒第一个元素执行一次margin-top负高度,然后将第一个元素appendTo添加至末尾

var notices = function(){

    var notice = $("#w-notices"),

        h = notice.height(),

        doplays = function(){

                var ele = notice.find(‘li‘).eq(0);

                ele.animate({‘margin-top‘:‘-‘ + h + ‘px‘},300,function(){

                    ele.appendTo(notice).css(‘margin-top‘,0);

                });
        },

        nothanld = setInterval(doplays,3000);

};
时间: 2024-10-13 00:04:32

简单的文字上下滚动的相关文章

简单的文字滚动效果

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css">

jquery实现文字上下滚动效果

文字上下滚动是经常用到的js效果,这里介绍一种上下渐隐渐出的文字展现效果! 代码实现很简单,只需要引入jquery就可以. 代码如下: <!DOCTYPE> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文字滚动</title> <style type="text/css

文字上下滚动

公司做个页面效果,文字向上滚动,需要循环,鼠标移上去,清除定时器停止运动,鼠标移除,运动继续. 之前一般在17素材网找类似的效果进行修改,总觉得没意思,自己写一个吧, <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="智能社 - zhinengshe.com" /> <

自定义滚动条——控制文字的滚动

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 31.0px Consolas; color: #2b7ec3 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 31.0px Consolas; min-height: 36.0px } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 31.0px Consolas; color: #d74200 } p.p4 {

jquery文字垂直滚动代码实例

jquery文字垂直滚动代码实例: 文字垂直滚动效果在大量网站都有应用,尤其在新闻公告或者新闻列表之类形式的功能结构中出现. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂

css+jQuery制作的文字循环滚动代码

css+jQuery制作的文字循环滚动代码,尺寸只需要在css中调整即可,另外别忘记在function里面修改相关参数 百度网盘下载

js实现文字字幕滚动

<div class="dggd_r" id="h" style="height:400px;overflow:hidden;display:inline;float:left;">                <ul id="h1">                    <li><a href="#">SD卡雷锋精神的路口附近?</a><

jQuery实现文字横向滚动效果

HTML代码: <div id="aaa" style="width:100px; position:relative; white-space:nowrap; overflow:hidden; height:20px;"> <div id="noticeList" style="position:absolute; top:0; height:20px;"> <span>jQuery文字横

自定义进度条\文字描边样式\文字上下滚动TextSwithcher的应用

一.自定义进度条 1.<ProgressBar         android:id="@+id/patch_progress"         style="@style/gxProgressStyle"         android:layout_width="match_parent"         android:layout_height="12dp"         android:layout_alig