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

以下是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>

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

http://m.bbyears.com/jsp/137367.html

推荐访问:html实现拖拽 html实现下载 html实现店铺首页 html实现对某一篇文档进行分页 html实现多格式视频播放 html实现发送邮件附件跟你 html实现服务器接收数据 html实现混淆矩阵 html实现接收httpqingqiu