每日更新|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訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些

相關鏈接：
復制本頁鏈接| 搜索字符由碎塊拼湊而成
特效說明：
文本鏈接模板-字符由碎塊拼湊而成。