<marquee srolldelay="50" direction="up"></marquee>

滚动标签<marquee>
scrolldelay：滚动延迟时间，默认90
direction：滚动方向，默认从右往左 down left right up

width:滚动的宽度

height:滚动的高度（两个滚动标签是否在同一平面好像依据的是它的height属性）

例子1：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<font color="#CC0066" size="+3">

祝

</font>

</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=80>

<font  size="+3">

大

</font>

</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<font color="#CCFF33" size="+3">

家

</font>

</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=80>

<font color="#66FFFF" size="+3">

永

</font>

</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<font color="#33FF00" size="+3">

远

</font>

</MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=80>

<font color="#FF00FF" size="+3">

赢

</font>

</MARQUEE>

</body>

</html>

例子2：

浮动与不浮动的区别：

我的理解：浮动与不浮动处于不同平面，浮动的话，div相当于变成了一个行级标签，当一个左浮动的div与一个没有更改设置的div同时存在的时候，看起来会是两个div重合在一起，因为两个div所处的面不同，普通div默认对齐方式为左；两个左浮动标签在一起的时候，它们在一个平面上，所以会紧靠而不是覆盖。两个普通的div会不同行。当前面两个浮动，后面一个不浮动，不浮动的会重合第一个左浮动。

在div的浮动使用中，如果普通div包裹两个浮动div，那么这个大div可能失去块级标签的效应，可以使用clear清除浮动消除这种不良反应

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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">

.d1,.d3,.d2,.d4{

    width:300px;

    height:300px;

    border-color:#000;

    border-style:solid;

    margin:2px;

    float:left;

}

</style>

</head>

<body>

<div>

  <div class="d1">

  <marquee direction="down" valign="top" scrolldelay="100" behavior="slide" height="300">

  <marquee direction="right" scrolldelay="100" behavior="slide" width="300">

    <img src="../image/flower8.jpg" width="100" height="100"/>

  </marquee>

  </marquee>

  </div>

  <div class="d2">

    <img src="../image/flower8.jpg" width="100" height="100"/>

  </div>

<div>

<div style="clear:left;">

  <div class="d3">

    <img src="../image/flower8.jpg" width="100" height="100"/>

  </div>

  <div class="d4">

    <img src="../image/flower8.jpg" width="100" height="100"/>

  </div>

</div>

<div style="clear:left;">

<marquee height="100" direction="up" width="100" bgcolor="#3366cc">

<marquee height="100" direction="left" width="100">

<font style="font-size: 35px; color:#fff">Guo's Blog</font>

</marquee>

</marquee>

</div>

</body>

</html>

html内容滚动的更多相关文章

  1. 推荐一个内容滚动jquery插件

    myslider是一个内容滚动jquery插件,版本0.1.2的每次滚动内容是一行内容,可以是文字,可以是一个链接,还可以是图片. 官方网址:http://keleyi.com/jq/myslider ...

  2. Flexslider - 响应式的 jQuery 内容滚动插件

    FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件,能够帮助你在项目轻松的创建漂亮的内容滚动效果.这款插件曾经连续多年入选 WDL 的年度最佳 jQuery 插件,值得大家在网站开发 ...

  3. Javascript和jQuery WordPress 图片轮播插件， 内容滚动插件，前后切换幻灯片形式显示

    用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件 ...

  4. 弹窗查看内容时 内容滚动区域设置为body区

    看到渣浪的查看文章或者查看大图有个效果:弹窗查看内容时,如果内容过长有滚动条,则滚动条会被放到body区滚动 什么意思呢? 看个图片,一般正常弹窗是有宽高限制的,如果内容过长则直接在弹窗中进行滚动 点 ...

  5. div+css实现表头固定内容滚动表格

    <div class="m-demo"> <table> <thead> <tr><th>定宽a</th>& ...

  6. webbrowser内容滚动（javascript内容无缝滚动）

    一 使用webbrowser现有方法 引用:https://blog.csdn.net/xiaokailele/article/details/48392673 public partial clas ...

  7. 每日技术总结：Better-scroll应用于弹出层内容滚动

    一.Better-scroll在项目中的应用 Better-scroll这款滚动插件还是很好用的,通常不会有什么问题.但偶尔总会出点意外.今天再次使用better-scroll,记录一下这次顺利的过程 ...

  8. 控制DIV内容滚动的方法，实现不用拖滚动条就可以看到最新消息

    三种控制DIV内容滚动的方法: 本人qq群也有许多的技术文档,希望可以为你提供一些帮助(非技术的勿加). QQ群:   281442983 (点击链接加入群:http://jq.qq.com/?_wv ...

  9. JS弹出层制作，以及移动端禁止弹出层下内容滚动，overflow:hidden移动端失效问题

    HTML <div class="layer"> <div class="menu-list"> <span>社会</ ...

  10. vant中tab标签切换时会改变内容滚动高度

    vant的tabs标签页,标签切换时会改变内容区的滚动高度,这是因为内容区共用同一个父元素为滚动区域引起的,解决办法:在tabs的内容区域嵌套一层滚动区域,让每个内容区域使用单独的滚动元素就行了.   ...

随机推荐

  1. BZOJ1398: Vijos1382寻找主人 Necklace 字符串最小表示法

    Description 给定两个项链的表示,判断他们是否可能是一条项链. Input 输入文件只有两行,每行一个由0至9组成的字符串,描述一个项链的表示(保证项链的长度是相等的). Output 如果 ...

  2. springmvc的声明式事务管理类型讲解

    以方法为单位,进行事务控制:抛出异常,事务回滚.   最小的执行单位为方法.决定执行成败是通过是否抛出异常来判断的,抛出异常即执行失败   中文名 声明式事务 外文名 declarative tran ...

  3. Spring资源加载基础ClassLoader

    1 ClassLoader工作机制 1.1 ClassLoader作用 寻找类字节码文件并构造出类在JVM内部表示的组件.负责运行时查找和装入Class字节码文件 1.2 装载步骤 1.2.1 装载 ...

  4. asp.net <asp:Repeater>下的radio的单选使用

    aspx页面 <asp:Repeater ID="rptData" runat="server"> <ItemTemplate> < ...

  5. Linux后台日志定时清理脚本

    一. 简介 linux是一个很能自动产生文件的系统,日志.邮件.备份等.虽然现在硬盘廉价,我们可以有很多硬盘空间供这些文件浪费,让系统定时清理一些不需要的文件很有一种爽快的事情.不用你去每天惦记着是否 ...

  6. Tomcat 中文乱码 设置UTF-8编码 问题解决办法

    在Java Web开发中,http请求带有中文字符的URI如果不处理容易出现乱码问题:这是因为Tomcat容器默认编码是iso-8859-1引起的,因此要避免出现乱码就要需要做相应的处理.解决办法如下 ...

  7. Linux下搜索文件

    使用linux系统难免会忘记文件所在的位置,可以使用以下命令对系统中的文件进行搜索.搜索文件的命令为"find":"locate":"whereis& ...

  8. English trip -- VC(情景课)9 A Get ready

    She is doing homwork He is doing laundry He is drying the dishes She is making lunch She is making t ...

  9. 2月9日 Time and Date(Ruby基础) \n 2月10日 ，使用Proc,block对象化。

    20.1Time类 ,Data类 Time.now或者Time.new:获取当前时间. 相关Method: year, month, hour, min ,sec, wday: 一周中的第几天,返回整 ...

  10. hdu 2018多校8

    A.Character Encoding 简单计数 m个非负数和等于k的方案数为$\binom{m+k-1}{k}$, 但题目还要求每个数小于n, 容斥一下即可 即$ans = \sum\limits ...