jQuery_jquery を使用して 3D テキスト効果を実装する方法

<スクリプトタイプ="text/javascript">
$(document).ready(function(){
    var 要素 = $('#list a');;
    変数オフセット = 0;
    var ステッピング = 0.03;
    var list = $('#list');
    var $list = $(list)
    $list.mousemove(function(e){
        var topOfList = $list.eq(0).offset().top
        var listHeight = $list.height()
        ステッピング = (e.clientY - topOfList) / listHeight * 0.2 - 0.1;
    });
    for (var i = element.length - 1; i >= 0; i--)
    {
        element[i].elemAngle = i * Math.PI * 2 / element.length;
    }
    setInterval(render, 20);
関数 render(){
        for (var i = element.length - 1; i >= 0; i--){
            var angle = element[i].elemAngle offset;
            x = 120 Math.sin(角度) * 30;
            y = 45 Math.cos(角度) * 40;
            サイズ = Math.round(40 - Math.sin(角度) * 40);
            var elementCenter = $(element[i]).width() / 2;
            var leftValue = (($list.width()/2) * x / 100 - elementCenter) "px"
            $(element[i]).css("fontSize", サイズ "pt");
            $(element[i]).css("不透明度",size/100);
            $(element[i]).css("zIndex" ,size);
            $(element[i]).css("left" ,leftValue);
            $(element[i]).css("top", y "%");
        }
        オフセット = ステップ;
    }
});