开始/停止 Marquee Effect

之前写过一篇教学,, 也是关于 marquee effect 的

点击 < 这里 > 查看

不过这款是比较特别的噢

让我们开始一场magic show 吧

使用方法
布局 >> 添加小工具 >> HTML/JAVA SCRIPT

也可以使用在贴子里

--------------------------------------------------------------------------------------

① 用滑鼠点击文字向下拉就停止移动了，再click任何地方一下又会移动

我的历史笔记

<marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();">你的文字</marquee>

② 滑鼠移向文字就停止移动

我的历史笔记

<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">你的文字</marquee>

③ 按钮制作

点击按钮吧 :)

<marquee behavior="scroll" direction="left" id="mymarquee">
<p>你的文字</p>
</marquee>
<input type="button" value="停止" onClick="document.getElementById('mymarquee').stop();">
<input type="button" value="开始" onClick="document.getElementById('mymarquee').start();">

④ 多个移动文字+按钮

我是1号
我是2号

<marquee behavior="scroll" direction="right" scrollamount="20" id="marquee1">

<p>文字1</p>

</marquee>

<marquee behavior="scroll" direction="left" scrollamount="20" id="marquee2">

<p>文字2</p>

</marquee>

<input type="button" value="停止文字1" onClick="document.getElementById('marquee1').stop();">

<input type="button" value="开始文字1" onClick="document.getElementById('marquee1').start();"><br />

<input type="button" value="停止文字2" onClick="document.getElementById('marquee2').stop();">

<input type="button" value="开始文字2" onClick="document.getElementById('marquee2').start();">

如果你想要多几行文字可以多加几行代码。

---------------------------------------------------------------------------------

蓝色 highlight 可更换成 right , left , up , down ...

紫色文字 是按钮里的文字，自行更换

青色 highlight 是速度，自行更换

如果你够厉害，已经很了解 marquee effect 的konsep

那么你可以参考 < 这篇 > 教学

自己混合代码试试看 :)

代码的范围很广，我也不可能list到完给你们看的

点击广告 :P