语法:<marquee>…</marquee>
使用移动属性marquee,不仅仅可以舞动你的文字,还可以应用于图片,表格等等。
例:<marquee direction=left>欢迎光临梦泽科技网站!</marquee>
direction=left,表示方向。上面文字效果是“欢迎光临梦泽科技网站!”从右向左移动!另外,方向还有right,up,down。
除了方向,我们还可以添加其他限制的元素:
移动的方式:
循环移动:loop=n(n,表示次数) 绕圈移动:behavior=scroll 只走一次:behavior=slide 来回移动:behavior=alternate
外观:
字号:<font size=n>(n,变量) 对齐方式:align=top/middle/bottom 底色:bgcolor=Blue(预定义色彩,如:Black,Olive,Teal,Red,Blue,Maroon, Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua或16进制数码)
其它:
速度:scrollamount=n(n,变量) 延时:scrolldelay==n(n,变量)
<marquee direction="向什么方向移动" height="移动区域高度" width="移动区域宽度" scrollamount="移动速度" onmouseover=this.stop() onmouseout=this.start()>"
onmouseover 设置鼠标放在移动区域的时候暂停移动
onmouseout 鼠标离开的时候继续滚动
你的代码感觉好乱,不规范,看看我的:
形成下面效果:
然后改代码:
<html><head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8"/> </head>
<body >
<div style="color: yellowwidth: 200pxheight: 160pxbackground-image: url('05.jpg')">
<h3>哈哈哈</h3>
</div>
</body>
</html>
注意,那个url里就是你背景图片的网络地址,我的实例只是张本地图片!
然后效果如下:
是不是很简单,就是“background-image”【背景图片】这个属性啊!
不懂随时问我!
希望能帮助到你,望采纳!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)