www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/003/javascripts/fake-element.js

    var fakeElement = {};

fakeElement.constanants = 'b c d f g k l m n p q r s t v x z'.split(' ');
fakeElement.vowels = 'a e i o u y'.split(' ');
fakeElement.categories = 'alkali alkaline-earth lanthanoid actinoid transition post-transition'.split(' ');
fakeElement.suffices = 'on ium ogen'.split(' ');

fakeElement.getRandom = function( property ) {
  var values = fakeElement[ property ];
  return values[ Math.floor( Math.random() * values.length ) ];
};

fakeElement.create = function() {
  var widthClass = Math.random()*10 > 6 ? 'width2' : 'width1';
      heightClass = Math.random()*10 > 6 ? 'height2' : 'height1';
      category = fakeElement.getRandom('categories');
      className = 'element fake metal ' + category + ' ' + widthClass + ' ' + heightClass;
      letter1 = fakeElement.getRandom('constanants').toUpperCase();
      letter2 = fakeElement.getRandom('constanants');
      symbol = letter1 + letter2;
      name = letter1 + fakeElement.getRandom('vowels') + letter2 + fakeElement.getRandom('vowels') + fakeElement.getRandom('constanants') + fakeElement.getRandom('suffices');
      number = ~~( 21 + Math.random() * 100 );
      weight = ~~( number * 2 + Math.random() * 15 );
      
  return '<div class="' + className + '" data-symbol="' + symbol + 
    '" data-category="' + category + '"><p class="number">' + number + 
    '</p><h3 class="symbol">' + symbol + '</h3><h2 class="name">' + name + 
    '</h2><p class="weight">' + weight + '</p></div>';
};

fakeElement.getGroup = function() {
  var i = Math.ceil( Math.random()*3 + 1 ),
      newEls = '';
  while ( i-- ) {
    newEls += fakeElement.create();
  }
  return newEls;
};