♏--- ------ ---♏

开始/停止 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

没有评论:

发表评论