jQueryが3 D文字の特効を実現する方法

この例では,jQueryが3 D文字の特効を実現する方法について述べた.皆さんの参考にしてください.具体的には以下の通りです.
このjQueryベースの3 Dテキスト特効プレゼンテーションは、本格的な3 Dではなく、複数の文字で形成された3 D効果です.初めてページをロードしてエラーが発生した場合は、ページをリフレッシュしてください.もちろん、使用中はこの問題は発生しません.

    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 
 
  
     
 
  
  
ajax
 
  
  
css
 
  
  
design
 
  
  
firefox
 
  
  
flash
 
  
  
html
 
  
  
Devirtuoso
 
  
  
jquery
 
  
  
PHP
 
  
  
SEO
 
  
  
usability
 
  
  
www
 
  
  
web
 
  
  
xhtml
 
  
     
 
  
 
 
  
  
  <br> $(document).ready(function(){ 
  <br>     var element = $('#list a');; 
  <br>     var offset = 0; 
  <br>     var stepping = 0.03; 
  <br>     var list = $('#list'); 
  <br>     var $list = $(list) 
  <br>     $list.mousemove(function(e){ 
  <br>         var topOfList = $list.eq(0).offset().top 
  <br>         var listHeight = $list.height() 
  <br>         stepping = (e.clientY - topOfList) /  listHeight * 0.2 - 0.1; 
  <br>     }); 
  <br>     for (var i = element.length - 1; i >= 0; i--) 
  <br>     { 
  <br>         element[i].elemAngle = i * Math.PI * 2 / element.length; 
  <br>     } 
  <br>     setInterval(render, 20); 
  <br> function render(){ 
  <br>         for (var i = element.length - 1; i >= 0; i--){ 
  <br>             var angle = element[i].elemAngle + offset; 
  <br>             x = 120 + Math.sin(angle) * 30; 
  <br>             y = 45 + Math.cos(angle) * 40; 
  <br>             size = Math.round(40 - Math.sin(angle) * 40); 
  <br>             var elementCenter = $(element[i]).width() / 2; 
  <br>             var leftValue = (($list.width()/2) * x / 100 - elementCenter) + "px" 
  <br>             $(element[i]).css("fontSize", size + "pt"); 
  <br>             $(element[i]).css("opacity",size/100); 
  <br>             $(element[i]).css("zIndex" ,size); 
  <br>             $(element[i]).css("left" ,leftValue); 
  <br>             $(element[i]).css("top", y + "%"); 
  <br>         } 
  <br>         offset += stepping; 
  <br>     } 
  <br> }); 
  <br>  
  
  
  
  
 

本文で述べたことが皆さんのjQueryプログラム設計に役立つことを願っています.