1、首先，您需要创建一个html。
2、同时，您需要创建一个CSS文档。
3、CSS文档的后缀名必须为CSS，比如我们创建一个indexcss文档。这一点很重要。
4、引入CSS文档。HTML里就可以移动位置，方法很简单。
。
字体是从右向左移动，鼠标放上面停止移动，松开继续。
<html>
<head>
<SCRIPT
LANGUAGE="JavaScript">
<!--
Begin
var
ostat
=
false;
function
scrollstop()
{
newsscrollAmount
=
0;
ostat
=
true;
}
function
scrollplay()
{
newsscrollAmount
=
5;
ostat
=
false;
}
function
scrolldir()
{
mid
=
screenwidth
/
2;
mouse
=
eventx;
if(mouse
>
mid)
{
if(ostat
==
false)
{
speed
=
(mouse
-
mid)
/
25;
newsscrollAmount
=
speed;
}
newsdirection
=
"right";
}
else
{
if(ostat
==
false)
{
speed
=
(mid
-
mouse)
/
25;
newsscrollAmount
=
speed;
}
newsdirection
=
"left";
}
}
//
End
-->
</script>
<head/>
<body>
<marquee
name=news
id=news
behavior=scroll
direction=left
scrollamount=5
scrolldelay=1
hspace=0
vspace=0
onMouseOver="scrollstop()"
onMouseOut="scrollplay()"
>
<b>Welcome
To
Typhoon
Start
JavaScript
Fairyland!</b>
</marquee>
</body>
</html>
在html中需要将插入的左右来回移动，只需要在img标签外套一个marquee标签，在里面写上 behavior=alternate 这句话就可以实现。\x0d\ alternate是滚动标签的属性。\x0d\ scrolldelay，滚动延时，用于设定两次滚动操作之间的间隔时间，该时间以毫秒为单位。\x0d\ behavior，滚动方式。\x0d\\x0d\ alternate： 表示在两端之间来回滚动。\x0d\ scroll： 表示由一端滚动到另一端，会重复。\x0d\ slide： 表示由一端滚动到另一端，不会重复
1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，这里设置一个外围的div盒子，给外围的div高度宽度和背景颜色，文字包裹到span标签里，文字也设置一下颜色，按下Crtl+S保存一下：
2、此时可以在软件右侧的窗口可以看到效果：
3、把外围盒子的position属性设置为relative，span标签里的position属性设置为absolute，设置top、left、right、bottom的数值，此时在右侧的窗口就会发现文字的位置已经改变了：
欢迎分享，转载请注明来源：表白网
微信扫一扫
支付宝扫一扫
评论列表（0条）