marquee 笔记
2024-09-24 13:04:18
页面的自动滚动效果,可由javascript来实现,
但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。
使用marquee标记不仅可以移动文字,也可以移动图片,表格等.
语法:<marquee>...</marquee>; 说明:在标记之间添加要进行滚动的内容。
重要属性:
1.滚动方向direction(包括4个值:up、 down、 left和 right)
语法:<marquee direction="滚动方向">...</marquee>
2.滚动方式behavior(scroll:循环滚动,默认效果; slide:只滚动一次就停止; alternate:来回交替进行滚动)
语法:<marquee behavior="滚动方式">...</marquee>
3.滚动速度scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)
语法:<marquee scrollamount="5">...</marquee>
4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)
语法:<marquee scrolldelay="100">...</marquee>
5.滚动循环loop(默认值是-1,滚动会不断的循环下去)
语法:<marquee loop="2">...</marquee>
6.滚动范围width、height
7.滚动背景颜色bgcolor
8.空白空间hspace、vspace
<!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><div><marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="50" bgcolor="#0099FF" hspace="10" vspace="10">
指整个Marquee对齐方式; (2)behavior:设置滚动的方式: scroll:表示由一端滚动到另一端,会重复,缺陷是不能无缝滚动。 slide:表示由一段滚动到另一端,不会重复...</marquee></div></body></html>
最新文章
- TTTAttributedLabel 富文本小记
- 深入学习jQuery动画队列
- bootstrap 水平表单
- 一个Struts2的实例
- html5调用手机摄像头,实现拍照上传功能
- HDU 5823 (状压dp)
- php的ob实现页面静态化
- 解除網頁無法選取文字、鎖右鍵限制:Enable Copy(Chrome 擴充套件)
- nodejs之日志管理
- Python新手学习基础之条件语句——elif语句
- 如何去除AJAX收到数据中包含的html页面数据
- laravel无法显示路由界面
- Golang mysql 上线的一个坑 Db.close重要性
- [转帖]nginx服务器安装及配置文件详解
- ubuntu16.04系统彻底卸载mysql,并源码免编译重装MySQL的步骤
- Hexo搭建(VPS)
- debian7(wheezy)升级安装mercurial hg最新版2.8-RC,解决tortoisehg2.9.2不能使用。
- C#数组 添加元素
- [Node.js]Domain模块
- VS2015 opencv 无法打开文件“opencv_calib3d330d.lib”
热门文章
- Netsharp快速入门(之7) 基础档案(工作区1 向导创建工作区)
- php图形图像处理之生成验证码
- 【HDOJ】【3530】Subsequence
- 【BZOJ】【1023】【SHOI2008】cactus仙人掌图
- android的布局管理器
- Hibernate O/R Mapping模拟
- [百度空间] [转]程序员趣味读物:谈谈Unicode编码
- Linux配置防火墙,开启80端口、3306端口(转)
- SSH无密码验证
- linux 下各个工具使用(screen、tmux,pyenv、virtualenv,pip国内源,tree)