小菜随笔之HTML文字图片的移动
2008-12-29 14:08
387 查看
刚刚入道不久
实在是苦于知识面太窄
写点东西不敢说让大家受用
能让自己记着就行 希望看者别见笑 嘿嘿
今天看着一些网页上几张图片有规律的在一个<DIV>里移动
看了看Source
发现是用了<marquee>标签,
故查看了一些资料,整理一下,记下来,以备后用 :)
marquee标签与大多数HTML标签一样,需要起始符和结束符。如下
<marquee>“需要加入移动的对象”</marquee>
marquee还有一些相应的参数,合理运用这些参数,那么你的效果更不一样了。
1.direction(方向)
主要有left,right,up,down.决定移动的对象按什么方向移动。
EX. <marquee direction=up>“表示向上移动”</marquee>
2.behavior(移动方式)
主要有scroll(循环移动),slide(只移动一个回合),slternate(来回移动).
EX. <marquee direction=left behavior=alternate>“表示向左来回移动”</marquee>
3.loop(循环次数)
如果未指定循环不止(indinate),那么就可以取个数值。
EX. <marquee loop=3>“循环3次”</marquee>
4.scrollamount(移动速度)
取正整数,数值越大,移动速度越大
EX. <marquee scrollamount=10>"移动速度为10"</marquee>
5.scrolldelay(延迟)
EX. <marquee scrolldelay=1000>“走走 停停”</marquee>
6.bgcolor(底色)
EX. <marquee bgcolor=pink>"背景色为粉色"</marquee>
7.width和height
移动的宽度和高度
还有其他的一些比如:对齐方式 等等.......
实在是苦于知识面太窄
写点东西不敢说让大家受用
能让自己记着就行 希望看者别见笑 嘿嘿
今天看着一些网页上几张图片有规律的在一个<DIV>里移动
看了看Source
发现是用了<marquee>标签,
故查看了一些资料,整理一下,记下来,以备后用 :)
marquee标签与大多数HTML标签一样,需要起始符和结束符。如下
<marquee>“需要加入移动的对象”</marquee>
marquee还有一些相应的参数,合理运用这些参数,那么你的效果更不一样了。
1.direction(方向)
主要有left,right,up,down.决定移动的对象按什么方向移动。
EX. <marquee direction=up>“表示向上移动”</marquee>
2.behavior(移动方式)
主要有scroll(循环移动),slide(只移动一个回合),slternate(来回移动).
EX. <marquee direction=left behavior=alternate>“表示向左来回移动”</marquee>
3.loop(循环次数)
如果未指定循环不止(indinate),那么就可以取个数值。
EX. <marquee loop=3>“循环3次”</marquee>
4.scrollamount(移动速度)
取正整数,数值越大,移动速度越大
EX. <marquee scrollamount=10>"移动速度为10"</marquee>
5.scrolldelay(延迟)
EX. <marquee scrolldelay=1000>“走走 停停”</marquee>
6.bgcolor(底色)
EX. <marquee bgcolor=pink>"背景色为粉色"</marquee>
7.width和height
移动的宽度和高度
还有其他的一些比如:对齐方式 等等.......
相关文章推荐
- HTML基础 img标签title属性 鼠标移动到图片上时显示文字
- HTML页面中 移动的文字和图片
- 小代码 html 移动div 图片 文字 任意性
- html文字旋转,放大,浏览器变小时右边的图片移动到下面
- HTML标记【图片相对文字基准纡的水平对】!
- 【JAVA】使用jacob生成的html,关于文字乱码处理,图片无法显示等问题。
- html使用icon 并使图片和文字垂直居中
- Html 让文字显示在图片的上面
- 6.html 文字与段落随笔
- 基于HTML5+CSS3的图片旋转、无限滚动、文字跳动特效
- tooltip 鼠标移动上去出现图片或文字与title大同小异
- html之解决边框重合问题,鼠标移动文字上文字抖动问题
- html里,实现图片与文字对齐的最简洁方法
- Android textview获取html文字 + 图片显示
- iOS中用UIWebView的loadHTMLString后图片和文字失调解决方法
- html文本分割文字和图片
- Android(java)学习笔记139:在TextView组件中利用Html插入文字或图片
- html会移动的文字
- html img 鼠标移动 修改图片
- marquee控制文字或者图片等产生移动效果