神奇的marquee--滚动的文字
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--size是字体大小-->
<marquee>
<font face="微软雅黑" color="#8A2BE2" size="1">
hello!marquee
</font>
</marquee>
<marquee direction="down" width="100" height="100">
<font face="仿宋" color="#5F9EA0" size="2">
the day you went the day!
</font>
</marquee>
<marquee direction="up">
<font face="arial black" color="#7FFFD4" size="3">
today is 2016-12-22
</font>
</marquee>
<!--滚动一次-->
<marquee behavior="slide">
<font face="arial black" color="#7FFFD4" size="4" >
that day is 1
</font>
</marquee>
<!--左右来回交替滚动-->
<marquee behavior="alternate">
<font face="arial black" color="#7FFFD4" size="5" >
that day is 2
</font>
</marquee>
<!--循环滚动-->
<marquee behavior="scroll">
<font face="arial black" color="#7FFFD4" size="6" >
that day is 3
</font>
</marquee>
<!--scorllamount设置滚动速度-->
<marquee scrollamount="3">
<font face="arial black" color="#7FFFD4" size="6" >
that day is 4
</font>
</marquee>
<marquee scrollamount="6">
<font face="arial black" color="#7FFFD4" size="5" >
that day is 5
</font>
</marquee>
<marquee scrollamount="9">
<font face="arial black" color="#7FFFD4" size="4" >
that day is 6
</font>
</marquee>
<!--scrolldelay滚动延迟-->
<marquee scrollamount="100" scrolldelay="100">
<font face="arial black" color="#7FFFD4" size="6" >
that day is 7
</font>
</marquee>
<marquee scrollamount="100" scrolldelay="200">
<font face="arial black" color="#7FFFD4" size="5" >
that day is 8
</font>
</marquee>
<marquee scrollamount="100" scrolldelay="300">
<font face="arial black" color="#7FFFD4" size="4" >
that day is 9
</font>
</marquee>
<!--loop滚动循环次数-->
<marquee direction="up" loop="10"> <!--循环10次-->
<font face="arial black" color="#7FFFD4" size="7" >
that day is 10
</font>
</marquee>
<!--width、height滚动范围设置-->
<marquee behavior="alternate" bgcolor="#DEB887" width="500" height="100">
<font face="arial black" color="#7FFFD4" size="6" >
that day is 11
</font>
</marquee>
<!--hspace、vspace滚动空间设置-->
<marquee hspace="100" vspace="100">
<font face="arial black" color="#7FFFD4" size="6" >
that day is 12
</font>
</marquee>
<!--背景音乐-->
<bgsound src="music/" loop="5"></bgsound>
<!--多媒体文件标记-->
<embed src="" width="播放界面宽度" height="播放界面高度"></embed>
<!--autostart自动运行|loop是否循环|hidden是否隐藏-->
<embed src="" autostart="true/false" loop="true" hidden="true" width="播放界面宽度" height="播放界面高度"></embed> </body>
</html>
神奇的marquee--滚动的文字的更多相关文章
- marquee 滚动到文字上时停止滚动,自定义停止方法
我要实现的效果如下图:当鼠标移到续费提醒文字上时,文字滚动停止,并出现后面的关闭按钮:当鼠标移出文字时,文字继续滚动,后面的关闭按钮不显示. 在网上查到的marquee停止滚动的的代码是这样的: &l ...
- <marquee>滚动文字</marquee>
<marquee>滚动文字</marquee> 水平滚动: <marquee direction=">水平滚动字幕内容</marquee> 垂 ...
- js 滚动的文字(走马灯)
// 滚动的文字 function marqueeScroll() { //var $target = $(".marquee_outer:visible"); if($(&quo ...
- Marquee滚动字幕设置(转)
<marquee >滚动文字 </marquee> 方向 <direction=#> #=left, right,up,down 方式<bihavior=#& ...
- marquee滚动效果
转载两篇文章: http://blog.sina.com.cn/s/blog_49ce67fc0100atb4.html https://baike.1688.com/doc/view-d359560 ...
- HTML+CSS教程(三)marquee滚动效果
一.marquee 1.marquee标签的属性scrollHeight:获取对象的滚动高度.scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.scrollTop: ...
- 基于HTML5+CSS3的图片旋转、无限滚动、文字跳动特效
本文分享几种基于HTML5+CSS3实现的一些动画特效:图片旋转.无限滚动.文字跳动;实现起来均比较容易,动手来试试! 一.图片旋转 效果图如下: 这个效果实现起来其实并不困难.代码清单如下: < ...
- jquery 单行滚动、批量多行滚动、文字图片翻屏滚动效果代码
jquery单行滚动.批量多行滚动.文字图片翻屏滚动效果代码,需要的朋友可以参考下. 以下代码,运行后,需要刷新下,才能加载jquery,要不然看不到效果.一.单行滚动效果 <!DOCTYPE ...
- repeater控件 + marquee标签 实现文字滚动显示
各种信息网站.BBS等网站上的公告信息模块的实现 拖出一个repeater控件绑定数据库中要显示的信息 在repeater的 <ItemTemplate> ... </ItemTem ...
随机推荐
- Linux-7.2+LNMP+zabbix-3.2.1
LNMP+zabbix-3.2.1 一.zabbix服务端部署 1.解压 yum –y install bzip2 tar -xf nginx-1.10.1.tar.gz tar -xf php-5. ...
- ftp服务搭建
文件传输服务 主配置文件目录/etc/vsftpd/vsftpd.conf 首先安装ftp服务器 yum install vsftpd 默认存放文件的目录 /var/ftp/pub 匿名登陆 创建一 ...
- HTTP和HTTPS协议
网络协议为计算机网络中进行数据交换而建立的规则.标准或约定的集合. URL:就是网址.http://www.hcios.com/archives/1547 URL就是资源的地址,位置.互联网上的每一个 ...
- 规范 : angular 组合 jquery plugin
jquery 会有document.ready ,这是会把model value 给 set 去 jquery ,如果set 不进,可能需要整个渲染(refresh).在操作时需要找到接口,在找到va ...
- 文件系统:ext4,zfs测评结果
测试环境 操作系统:ubuntu16.04 内核版本: 磁盘: 本人使用的是青云的云主机,磁盘使用的其性能型: Cpu信息: 4核 2399MHz 内存:8G 文件系统: 本人使用的是ubuntu16 ...
- n的阶乘
涉及阶乘的都会产生大的数据,此时要变成long或者实在很大要使用BigInteger 题目描述 输入一个整数n,输出n的阶乘 输入描述: 一个整数n(1<=n<=20) 输出描述: n的阶 ...
- java如何在一个范围内产生多个不等的随机数
import java.util.Random; //随机产生0-max之间num个不重复的整数 public class 产生多个不同随机数 { private static int num,max ...
- PHP-day01
<!--php嵌入HTML--><html><head> <title>day01</title></head><body ...
- .net core 部署 centos7 初试
最近抽时间搞搞.net core,这方面已经有很多先驱人物贡献了好多文章了,今天沿着前辈们走的坑自己再淌一下...... 注意开头说的使用centos7,我电脑之前全是6.几的版本,然后就一头雾水的搞 ...
- jumpserver 堡垒机环境搭建(图文详解)
摘要: Jumpserver 是一款由python编写开源的跳板机(堡垒机)系统,实现了跳板机应有的功能.基于ssh协议来管理,客户端无需安装agent. 特点: 完全开源,GPL授权 Python编 ...