html实现向上轮播,js实现文字向上轮播功能(看到的是单条记录)_煌煌不安的博客-程序员宅基地

技术标签: html实现向上轮播  

c9394a9ae34f0cec7117f86f07727e50.png

Document

*{

margin:0;

padding:0;

}

.lunbo{

position: relative;

width: 600px;

height: 50px;

border:1px solid red;

overflow: hidden;

}

ul{

position:absolute;

left: 0;

top:0;

width: 600px;

height: auto;

}

ul li{

width: 600px;

height: 50px;

line-height: 50px;

font-size:20px;

color:#333;

text-align: center

}

  • 人生在世须尽欢 莫使金樽空对月
  • 我寄愁心与明月,随风直到夜郎西
  • 不是花中偏爱菊,此花开尽更无花
  • 辛苦遭逢起一经,干戈寥落四周星
  • 山河破碎风飘絮,身世浮沉雨打萍。
  • 惶恐滩头说惶恐,零丁洋里叹零丁。
  • 人生自古谁无死?留取丹心照汗青。

function lunbo(id,height){

var ul=$(id);

var liFirst=ul.find('li:first');

$(id).animate({top:height}).animate({"top":0},0,function(){

var clone=liFirst.clone();

$(id).append(clone);

liFirst.remove();

})

}

setInterval("lunbo('ul','-50px')",300)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_32258691/article/details/117848557

智能推荐

intellij idea 15.0.2 ultimate 下载安装及破解_idea 15.0.2 密钥免费版下载_qq_33935254的博客-程序员宅基地

下载地址:http://pan.baidu.com/s/1bDJknG 下载后安装。 破解方法:安装完成后第一次进入软件的时候选择License server,输入url:http://idea.iteblog.com/key.phpok,这下就可以用了。 为什么不用免费的社区版呢,因为社区版是不支持j2ee的开发的。_idea 15.0.2 密钥免费版下载

我的前端自学之路2020/12/16_gh100330的博客-程序员宅基地

一. 列表标签无序列表 ul>li有序列表 ol>li自定义列表 ol>dt+dd二. 表单 input、label、textarea一个完整的表单通常由三部分组成,表单控件(元素)、提示信息和表单域forminput:<input type="text" value="" name="" />name属性:提交后台时,用于区分表单value 属性:默认文本值,一般用placeholdertype属性: text 文本password 密码ra

【Python】Python模块_Bill_Utada的博客-程序员宅基地

Python模块可以把python代码存放在文件中,为一些脚本或者交互式的解释器实例使用,这个文件被称为模块。模块是一个包含所有你定义的函数和变量的文件,其后缀名是.py 模块可以被别的程序引入,以使用该模块中的函数等功能。这也是使用python标准库的方法。下面是一个使用Python标准库中模块的例子import sysprint('命令行参数如下:')for i in sys.argv:

博客园 noteless 全部文章 目录索引_weixin_33881050的博客-程序员宅基地

计算机发展历史计算机发展阶段计算机组成-数字逻辑电路操作系统简单介绍计算机启动过程的简单介绍计算机发展个人理解-电路终究是电路计算机语言的发展计算机网络发展了解计算机网络起源 网络发展简介(一)计算机网络通信TCP/IP协议浅析 网络发展简介(二)Web技术的发展 网络发展简介(三)网络是如何连接的?网络发展简介(四)设计模式设计模式与设计原则简...

Thread类的sleep()方法和对象的wait()方法区别_sleep是thread类的方法,wait()是object的方法嘛_太阳晒屁股了的博客-程序员宅基地

sleep()方法(休眠)是线程类(Thread)的静态方法,调用此方法会让当前线程暂停执行指定的时间,将执行机会(CPU)让给其他线程,但是对象的锁依然保持,因此休眠时间结束后会自动恢复(线程回到就绪状态,请参考第66题中的线程状态转换图)。wait()是Object类的方法,调用对象的wait()方法导致当前线程放弃对象的锁(线程暂停执行),进入对象的等待池(wait pool),_sleep是thread类的方法,wait()是object的方法嘛

随便推点

myeclipse及Eclipse中.classpath、.project、.settings、.mymetadata(myeclipse特有)介绍_g-Jack的博客-程序员宅基地

引言 今天在创建java项目的时候遇到了很多的错误,在解决的过程中遇到了一些根本不知道什么作用的文件,然后按照网上的一些做法可以将问题解决,但是这也说明我们在学习的时候很多基础和细节的地方是我们薄弱的地方,我们总是对于经常写代码的那几个文件比较熟悉,这样一旦报错我们就无从下手啊。 下面介绍几个文件。 一、文件.mymetadata文件 1、部署项目用的,把项目部署到tomcat_.mymetadata

《雪中悍刀行》读后感_dbyoung的博客-程序员宅基地

记得上中学的时候,老师经常布置作文题目《xxx》读后感。现在回想起来,还是觉得很有味道。题目就这样命名吧。 网络小说也看过几部,但都没有看到结尾。因为网络小说注水太严重了。看着看着就放弃了。 《雪中》算是我第一部真正意义上从头看到尾的网络小说。 虽然也有注水。但注水的水平之高,是很多网文作者难以比拟的。因为此,记住了作者的名字:烽火戏诸侯。 两个礼拜,除了看书,就是看书,啥事都不做。 也不知道《雪中》究竟多少万字。反正真的是很长很长。 像北蛮死的人一样,很多很多。..._《雪中悍刀行》读后感

文件系统目录操作函数_f_findfirst-程序员宅基地

typedef struct { FSIZE_t fsize; / *文件大小* / WORD fdate; / *最后修改日期* / WORD ftime; / *最后修改时间* / BYTE fattrib; / *属性* / #if FF_USE_LFN TCHAR altname[FF_SFN_BUF +1]; / *替代对象名称* / ._f_findfirst

遇到d3dx9_26.dll丢失问题解决-程序员宅基地

或者将文件复制到Windows系统目录,这个需要注意电脑的系统是32位还是64位,如果是32位的系统,那就将本站下载32位的dll文件放到“C:/Windows/System32”这个文件夹里面,如果是64位的系统,那就将本站下载的32位dll文件放到“C:/Windows/SysWOW64”这个文件夹里面,本站下载的64位文件放到“C:/Windows/System32”这个文件夹里面.二、扫描完成,扫描结果分成三部分,包括1,待修复的丢失文件。2,待修复的注册表。一、手动从本站下载dll文件。

Java基础知识-笔记一_我不想吃泡面的博客-程序员宅基地

什么是Java?一种面向对象的跨平台编程语言,由sun公司推出的。 c语言(面向过程编程的语言)什么是对象?宏观上讲的话: 万物皆对象,什么东西都可以当做是对象嘛。微观上讲的话:对象可以表示成具体的事物,也可以是想象的东西。比如说我们要研究机器人,我们就可以把它当做一个对象,然后就可以对它面向对象编程。面向对象的三大特征?1.封装:对

推荐文章

热门文章

相关标签