marquee的详细用法解析_CSS/HTML

先看下 marquee 的html 属性 
<MARQUEE ALIGN="…" 
  BEHAVIOR="…" 
  BGCOLOR="…" 
  DIRECTION="…" 
  HEIGHT="…" 
  WIDTH="…" 
  HSPACE="…" 
  VSPACE="…" 
  LOOP="…" 
  SCROLLAMOUNT="…" 
  SCROLLDELAY="…" 
  >… 
  </MARQUEE> 
align: --对其方式 LEFT,CENTER,RIGHT,TOP,BOTTOM (不用多说咯) 
Behavior:--用于设定滚动的方式,主要由三种方式: 
behavior="scroll"--表示由一端滚动到另一端; 
behavior="slide":--表示由一端快速滑动到另一端,且不再重复; 
behavior="alternate" 默认值 --表示在两端之间来回滚动。 

innercode--设置或获取位于对象起始和结束标签内的 code 
innerText--设置或获取位于对象起始和结束标签内的文本 
scrollLeft-- 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 
scrollTop --设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 
PS:呵呵 大家不要和我以前一样想当然的还以为有scrollRigh和scrollDown 
scrollDelay-- 设置或获取字幕滚动的速度 
要创建垂直滚动的字幕,请将其 scrollLeft 属性设定为 0。 
要创建水平滚动的字幕,请将其 scrollTop 属性设定为 0,这将覆盖任何脚本设置 
scrollHeight-- 获取对象的滚动高度 
scrollAmount--设置或获取介于每个字幕绘制序列之间的文本滚动像素数 
offsetTop--获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 
offsetLeft--获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 
offsetHeight--获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。 
setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式 
clearInterval 使用 setInterval 方法取消先前开始的间隔事件。 

代码: 

<marquee direction="up" onmouseover="this.stop();" onmouseout="this.start();"> 
阿米的眼泪<br> 
眼泪的阿米<br> 
amily<br> 
</marquee>  

时间: 2024-10-26 16:54:31

marquee的详细用法解析_CSS/HTML的相关文章

无间断滚动marquee的详细用法解析_javascript技巧

新闻一 我是打头的 我向上运动 我向上运动 我向上运动 新闻二 我是打头的 我向上运动 我向上运动 我向上运动 新闻三 我是打头的 我向上运动 我向上运动 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

Swift数组详细用法解析_Swift

一.说明 Swift数组中的类型必须一致,这一点与OC不同 // 数组初始化 var numbers = [0,1,2,3,4,5] var vowels = ["A","E","I","O","U"] // 数组的类型: [Int] 或者 Array<Int> //var numbers: [Int] = [0,1,2,3,4,5] //var numbers: Array<Int>

Thinkphp 中 distinct 的用法解析_php实例

TP中distinct()的用处主要是去除重复的值 在Thinkphp手册中也详细说明了(链接:http://document.thinkphp.cn/manual_3_2.html) 下面是我的个人例子: 显示的是这样的 在加入distinct的话: 显示结果为 下面为贴出来的代码 $offernum = M('offer')->distinct(true)->where('order_id='.$order_id)->field('user_id,number')->selec

Thinkphp 中 distinct 的用法解析

TP中distinct()的用处主要是去除重复的值 在Thinkphp手册中也详细说明了(链接:http://document.thinkphp.cn/manual_3_2.html#distinct) 下面是我的个人例子: 显示的是这样的 在加入distinct的话: 显示结果为 下面为贴出来的代码 $offernum = M('offer')->distinct(true)->where('order_id='.$order_id)->field('user_id,number')-

文件/目录权限设置命令chmod的详细用法

chmod是文件/目录权限设置的命令,在Linux中经常遇到,本博文以下总结chmod的详细用法.  Linux/Unix的档案调用权限分为三级,即档案拥有者user.群组group.其他other.u表示该档案的拥有者,g表示与该档案的拥有者属于同一个群体(group)者,o表示其他以外的人,a表示这三者皆是. + 表示增加权限.- 表示取消权限.= 表示唯一设定权限. r表示可读取,w表示可写入,x表示可执行.   举例说明: (1).将档案file1.txt 设为所有人皆可读取: chmo

Informix SQL函数的详细用法

函数 Informix SQL函数的详细用法 一.内部函数 1.内部合计函数 1)COUNT(*) 返回行数 2)COUNT(DISTINCT COLNAME) 返回指定列中唯一值的个数 3)SUM(COLNAME/EXPRESSION) 返回指定列或表达式的数值和: 4)SUM(DISTINCT COLNAME) 返回指定列中唯一值的和 5)AVG(COLNAME/EXPRESSION) 返回指定列或表达式中的数值平均值 6)AVG(DISTINCT COLNAME) 返回指定列中唯一值的平均

Photoshop详细实例解析计算命令的原理

  本教程主要使用Photoshop详细实例解析计算命令的原理,通过通道利用计算命令计算出精确选区,应用图像命令调整色彩.不同于色相/饱和度.色彩平衡的色彩调整方式. 混合模式是计算命令的灵魂,使用计算命令为选择 不少人常常会问:计算命令的实质究竟是什么? Photoshop帮助文件这样描述计算命令,计算命令使您可以混合两个来自一个或多个源图像的单个通道.然后可以将结果应用到新图像或新通道,或现用图像的选区.不能对复合通道应用计算命令. 它是一个计算过程的描述,这个描述对于能够熟练使用计算命令的

Java Thread多线程详解及用法解析_java

最全面的java多线程用法解析,如果你对Java的多线程机制并没有深入的研究,那么本文可以帮助你更透彻地理解Java多线程的原理以及使用方法. 1.创建线程 在Java中创建线程有两种方法:使用Thread类和使用Runnable接口.在使用Runnable接口时需要建立一个Thread实例.因此,无论是通过Thread类还是Runnable接口建立线程,都必须建立Thread类或它的子类的实例.Thread构造函数: public Thread( ); public Thread(Runnab

PHP $_SERVER详细用法分析

PHP $_SERVER详细用法分析 Argument           Result PHP_SELF           Returns the path and filename of the current script SERVER_PROTOCOL    Returns the name and revision of the page-requested protocol REQUEST_METHOD     Returns the request method used to