JSFiddle - React, Tailwind, and code Playground

by lovejjhao

HTML

<script src="http://files.cnblogs.com/lovejjhao/jQueryRotateCompressed.2.1.js"></script>
<script src="http://files.cnblogs.com/lovejjhao/jquery.path.1.0.js"></script>
<div id="content1">
    <div>单击我</div>
    <div>★</div>
    <div>★</div>
    <div>★</div>
    <div>★</div>
    <div>★</div>   
</div>
<div id="content2">
    <div>单击我</div>
    <div>★</div>
    <div>★</div>
    <div>★</div>
    <div>★</div>
    <div>★</div>  
    <div>★</div>    
    <div>★</div>
</div>

CSS

#content1{
    margin:100px 100px;   
}

#content2{
    margin:200px 0 0 300px;   
}

JavaScript

$(document).ready(function (){
    $('#content1').path({
        radius: 100, //半径
        radian: 90, //弧度
        duration: 200//动画时间
    });
    
    $('#content2').path({
        radius: 100, //半径
        radian: 360, //弧度
        duration: 200//动画时间
    });
});