jQuery转动的星球

查看演示立即下载

插件描述：PLANETARIUM这个插件将使你能够创建一个互动的星球

PLANETARIUM这个插件将使你能够创建一个互动的星球

使用方法

你将有包括最新的jQuery库、jquery.planetarium.js和planetarium.css插入您的文档的<head>位置。

让我们开始这个HTML标记创建行星

<body>
  ..
  <div class="earth planet"></div>
  ..
</body>

下面你需要做的就是调用天文馆函数如下所示

$(".planet").planetarium({
   autospin: "1000ms",                               
   angle: "20deg",                                     
   glow: "rgba(255, 255, 255, 0.34902) 0px 0px 50px, inset 33px 20px 50px rgba(0,0,0,0.5)", 
   pattern: "img/texture-earth.jpg",                    
   size: "100x100",                                     
   float: true,                                         
   space: "body",                                       
   ring: false,                                         
   ringColor: "#fff",                                  
   ringAngle: "20deg"                                   
 });