文字特效

添加滚动文字:  

<marquee direction="right" οnmοuseοver=stop() οnmοuseοut=start() truespeed="truespeed" height="300px" behavior="scroll">

<p>你好啊</p>

</marquee>

 代码详解:

direction表示方向,有right,down,up,left

width和height表示滚动区域大小

behavior控制属性,默认的为滚动效果,值有alternate(交替滚动)slide(幻灯片效果)指滚动一次,然后从另一个方向返回

scrollAmount 控制速度,值越大,速度越大

scrollDelay 控制速度,值越大,速度越慢

οnmοuseοver=stop() οnmοuseοut=start() 鼠标放上停止和开始

文字闪烁:

<script language="javascript"> 
function changeColor(){ 
var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; 
color=color.split("|"); 
document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]; 

setInterval("changeColor()",200); 

</script>

将文字放到body中

<div id="blink"><h1>你好啊</h1></div> 

文字反向输出

<bdo dir="rtl">
你好!
</bdo>

结果:

!好你

发布了11 篇原创文章 · 获赞 2 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/w_6858189/article/details/80143033