链接类

VML

按钮类

标题类

表单类

表格类

菜单类

窗口类

对象类

滚动条

键盘类

框架类

例子类

模拟类

日期类

色彩类

鼠标类

数学类

图片类

文字类

下拉框

样式类

游戏类

状态栏

资料类

字幕类

其它类

 ·字体环绕
 ·滚动文字
 ·照明灯式
 ·tips生成页
 ·动态文字
 ·动态文字
 ·字体变化效果
 ·变色文字
 ·水形文字
 ·闪动的文字
您当前位置:好素材首页 -> 网页特效 -> 文字类
查看信息

字体效果
好素材网 www.HaoSc.com 02月22日 11:49

[查看演示]  源码如下
----------------------------------------------------------
<span id=show style="font:menu">
中文Abc<span>中文Abc0中文Abc0</span>中文Abc<br>
中文Abc<span style="color:yellow" scroll="red">中文Abc1</span>中文Abc<br>
中文Abc<span style="color:purple" scroll="blue">中文Abc2中文Abc2</span>中文Abc<br>
中文Abc<span style="color:black" scroll="lime">中文Abc3中文Abc3中文Abc3</span>中文Abc<br>
中文Abc<span style="color:silver" scroll="green">中文Abc4中文Abc4中文Abc4中文Abc4</span>中文Abc<br>
中文Abc<span>中文Abc5中文Abc5</span>中文Abc<br>
</span>
<script>
var tags=show.all.tags("span");
for(i=0;i<tags.length;i++){
if(!tags[i].scroll)continue;
eval("var c"+i+"=0")
setInterval("var str=tags["+i+"].innerText;if(c"+i+"==str.length)c"+i+"=0;tags["+i+"].innerHTML=str.substring(0,c"+i+")+'<font color="+tags[i].scroll+">'+str.substr(c"+i+"++,1)+'</font>'+str.substr(c"+i+")",300)
}
</script>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>


此信息共 1 页 [1]