支付宝赞助帐号:service@kuitao8.com 

下载地址

jquery 3d地球旋转效果下载

Created2016-05-27   Views 491    Author 懒人程序
jquery 3d地球旋转效果下载
  1. /* defining locations to display. 
  2.    Each position must have a key, an alpha and delta position (or x and y if you want to display a static location). 
  3.    Any additional key can be reached via callbacks functions. 
  4. */ 
  5. var locations = { 
  6.   obj1: { 
  7.     alpha: Math.PI / 4, 
  8.     delta: 0, 
  9.     name: 'location 1' 
  10.   }, 
  11.   obj2: { 
  12.     alpha: 1 * Math.PI / 4, 
  13.     delta: -2 * Math.PI / 4, 
  14.     name: 'location 2' 
  15.   }, 
  16.   obj3: { 
  17.     alpha: 2 * Math.PI / 4, 
  18.     delta: 0, 
  19.     name: 'location 3' 
  20.   }, 
  21.   obj4: { 
  22.     alpha: 3 * Math.PI / 4, 
  23.     delta: 3 * Math.PI / 4, 
  24.     name: 'location 4' 
  25.   }, 
  26.   obj5: { 
  27.     alpha: 2.2 * Math.PI / 4, 
  28.     delta: -1.1 * Math.PI / 4, 
  29.     name: 'location 5' 
  30.   } 
  31. }; 
  32. /* defining paths to display. 
  33.    Each path must have a key, an origin and a destination. The values are the location's key. 
  34.    You can, if you want to, define flights on these paths. 
  35.    Each flight has a key, a destination (the location's key) and a position. 
  36.    The position is the progress a fleet has made on its path. 
  37.    Any additional key can be reach via callbacks functions. 
  38.  */ 
  39. var paths = { 
  40.   path: { 
  41.     origin: 'obj1'
  42.     destination: 'obj2'
  43.     flights: { 
  44.       flight: { 
  45.         position: 0.25, 
  46.         destination: 'obj2'
  47.         name: 'Flight 1' 
  48.       }, 
  49.       flight2: { 
  50.         position: 0.25, 
  51.         destination: 'obj1'
  52.         name: 'Flight 2' 
  53.       } 
  54.     } 
  55.   }, 
  56.   path2: { 
  57.     origin: 'obj1'
  58.     destination: 'obj3'
  59.     flights: { 
  60.       flight3: { 
  61.         position: 0.5, 
  62.         destination: 'obj3'
  63.         name: 'Flight 3' 
  64.       } 
  65.     } 
  66.   }, 
  67.   path3: { 
  68.     origin: 'obj1'
  69.     destination: 'obj4'
  70.     flights: { 
  71.       flight4: { 
  72.         position: 0.5, 
  73.         destination: 'obj4'
  74.         name: 'Flight 4' 
  75.       } 
  76.     } 
  77.   }, 
  78.   path4: { 
  79.     origin: 'obj1'
  80.     destination: 'obj5' 
  81.   }, 
  82.   path7: { 
  83.     origin: 'obj1'
  84.     destination: 'obj5'
  85.     flights: { 
  86.       flight5: { 
  87.         position: 0.25, 
  88.         destination: 'obj7'
  89.         name: 'Flight 5' 
  90.       } 
  91.     } 
  92.   } 
  93.  
  94. $('#sphere').earth3d({ 
  95.   flightsCanvas: $('#flights'), 
  96.   locationsElement: $('#locations'), 
  97.   dragElement: $('#locations'), // where do we catch the mouse drag 
  98.   paths: paths, 
  99.   locations: locations 
  100. }); 

 

上一篇: jquery打字效果下载
下一篇: jQuery鱼骨图形式信息展示代码
支持键盘 ← →

邮件订阅

订阅我们的精彩内容