[html实现radio必选]html实现蛇形文字的实例代码分享

【www.bbyears.com--邮件】

以下是html中实现蛇形文字的实例代码：

    
    
    





<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
//    基本思想就是用数组中的前一个值替代后一个值,然后再赋给div当做坐标
    $("#btn").on("click",function(){
        var oText=$("#content").val();
        var aText=oText.split("");
        var x=[];//存每个文字的x坐标
        var y=[];//存每个文字的y坐标
        var xSpace=25;//文字x轴偏移量
        var ySpace=45;//文字y轴偏移量
        for(var i=0;i=1;j--){
                x[j]=x[j-1]+xSpace;
                y[j]=y[j-1];
                $(".move").eq(j).css({left:x[j],top:y[j]});
            }
            $(".move").eq(0).css({left:x[0],top:y[0]});
        });
    });
</script>

本文来源：http://www.bbyears.com/jsp/137367.html