每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

网页特效代码模板无忧>网页特效>文本链接特效代码>

收藏分享查看评论文本链接

字符由碎块拼凑而成_文本链接特效

查看演示效果

特效Tag：字符碎块添加

字符由碎块拼凑而成,您可以先修改部分代码再运行.

<html>

<head>
<title>新建网页 4</title><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]="这里是 mb5u.com"
message[2]="模板无忧"
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

function initiate() {
    if (x_finalpos==-1) {
        x_finalpos=Math.floor(document.body.clientWidth/2)-Math.floor(textwidth/2)
    }
    if (y_finalpos==-1) {
        y_finalpos=Math.floor(document.body.clientHeight/2)-Math.floor(textheight/2)
    }
    cliptop=0
    clipbottom=height_slice
    clipleft=0
    clipright=width_slice
    i_loop=0
    spancounter=0
    if (document.all) {
         for (i=0;i<=y_slices-1;i++) {
            for (ii=0;ii<=x_slices-1;ii++) {
                var thisspan=eval("document.all.span"+spancounter+".style")
                x_randompos=Math.ceil(screenwidth*Math.random())
                y_randompos=Math.ceil(screenheight*Math.random())
                thisspan.posLeft=x_randompos
                thisspan.posTop=y_randompos
                thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
                clipleft+=width_slice
                clipright+=width_slice
                spancounter++
            }
            clipleft=0
            clipright=width_slice
            cliptop+=height_slice
            clipbottom+=height_slice
        }
   }
   explode_IE()
}

function changetext() {
    spancounter=0
    for (i=0;i<=y_slices-1;i++) {
        for (ii=0;ii<=x_slices-1;ii++) {
            var thisspan=eval("document.all.span"+spancounter+".style")        
            thisspan.posLeft=-5000
            spancounter++
        }
    }
    spancounter=0
    if (i_text>message.length-1) {i_text=0}
    for (i=0;i<=y_slices-1;i++) {
        for (ii=0;ii<=x_slices-1;ii++) {
            var thisinnerspan=eval("span"+spancounter)
            thisinnerspan.innerHTML=message[i_text]
            spancounter++
        }
    }
    i_text++
    initiate()
}

function explode_IE() {
    spancounter=0
    if (i_loop<=max_loop-1) {
        for (i=0;i<=y_slices-1;i++) {
            for (ii=0;ii<=x_slices-1;ii++) {
                var thisspan=eval("document.all.span"+spancounter+".style")
                x_step[spancounter]=(x_finalpos-thisspan.posLeft)/(max_loop-i_loop)
                y_step[spancounter]=(y_finalpos-thisspan.posTop)/(max_loop-i_loop)        
                thisspan.posLeft+=x_step[spancounter]
                thisspan.posTop+=y_step[spancounter]
                spancounter++
            }
        }
        i_loop++
        var timer=setTimeout("explode_IE()",pause)
    }
    else {
        spancounter=0
        clearTimeout(timer)
        var timer=setTimeout("changetext()",2000)
    }
}

</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>

</head>

<body onload=changetext()>

</body>

</html>

所属频道：文本链接特效/更新时间：2012-11-14

[收藏][报错][返回列表]

相关文本链接特效：

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索字符由碎块拼凑而成
特效说明：
文本链接模板-字符由碎块拼凑而成。