字符由碎块拼凑而成

稿源：互联网 2022-05-17 16:12:38 点击： 359 撤稿纠错

由碎块拼凑而成字符，可自定义字符。

以下讨论的是和特效相关的字符由碎块拼凑而成教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<STYLE>.spanstyle {
    BACKGROUND-COLOR: #000000; BORDER-BOTTOM-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-TOP-STYLE: solid; COLOR: olive; FONT-FAMILY: 宋体; FONT-SIZE: 30px; HEIGHT: 90px; LEFT: -5000px; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 280px
}
</STYLE>
<SCRIPT>
var textwidth=300
var textheight=50
var message=new Array()
message[0]="Welcome To You"
message[1]="这里是free.alixixi.com"
message[2]="JS Fairyland"
message[3]="感谢您的关注"
var x_finalpos=-1
var y_finalpos=50
var x_slices=24
var y_slices=1
var pause=10
var screenwidth=700
var screenheight=400
var x_step=new Array()
var y_step=new Array()
var x_randompos=0
var y_randompos=0
var i_loop=0
var max_loop=24
var i_text=0
var width_slice=Math.floor(textwidth/x_slices)
var height_slice=Math.floor(textheight/y_slices)
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0

</SCRIPT>
<SCRIPT>
if (document.all) {
    for (i=0;i<=y_slices-1;i++) {
        for (ii=0;ii<=x_slices-1;ii++) {
            document.write("<span id='span"+spancounter+"' class='spanstyle'></span>")
            spancounter++
        }
    }
    spancounter=0
}
</SCRIPT>

第二步：把“onload=changetext()”加在<body>标记里
例如：<body onload=changetext()>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于字符由碎块拼凑而成的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807152613.shtml方便下次再访问哦。

·上一篇： 高闪亮字效果
·下一篇： 不断跳动的文字效果

字符由碎块拼凑而成

文章分类LIST >>返回首页

最新游戏

最新新闻