配列をドットにするjs

$(document).ready(function(){
  var d = new array2dots();
});
var array2dots = function(){
  this._hidden = false;
  this.setup();
};
array2dots.prototype = {
  setup:function(){
    this.size = {
      "w":'16px',
      "h":'16px',
    }
    this.color = {
      'n':'tranceparent',
      'f':'#fff',
      '0':'#000',
      'c':'#ccc'
    };
    this.dots = [
      'n','n','0','0','0','0','0','0','0','0','0','0','0','0','n','n',
      'n','0','f','f','f','f','f','f','f','f','f','f','f','f','0','n',
      '0','f','f','f','f','f','f','f','f','f','f','f','f','f','f','0',
      '0','f','f','f','f','f','f','f','f','f','f','f','f','f','f','0',
      '0','f','f','f','f','f','f','f','f','f','f','f','f','f','f','0',
      '0','f','f','f','c','f','f','f','f','f','f','c','f','f','f','0',
      '0','f','f','c','f','f','f','f','f','f','f','f','c','f','f','0',
      '0','f','f','f','f','f','f','f','f','f','f','f','f','f','f','0',
      '0','f','f','f','f','f','f','f','f','f','f','f','f','f','f','0',
      '0','f','f','f','f','f','f','f','f','f','f','f','f','f','f','0',
      '0','f','f','f','f','c','f','c','c','f','c','f','f','f','f','0',
      '0','f','f','f','f','f','c','f','f','c','f','f','f','f','f','0',
      '0','f','f','f','f','f','f','f','f','f','f','f','f','f','f','0',
      '0','f','f','f','f','f','f','f','f','f','f','f','f','f','f','0',
      'n','0','f','f','f','f','f','f','f','f','f','f','f','f','0','n',
      'n','n','0','0','0','0','0','0','0','0','0','0','0','0','n','n'
    ];
    this.html = $('

'); this.html.css({'width':this.size.w,'height':this.size.h,'overflow':'hidden;'}); var tmp = []; var dot; for(var i=0;i '; tmp.push(dot); } this.html.html(tmp.join('')); $("body").append(this.html); var self = this; this.html.mouseover(function(){ self.hide(); }).mouseout(function(){ self.show(); }); }, hide:function(){ this.html.css({"opacity":0.5}); this._hidden = true; }, show:function(){ this.html.css({"opacity":1}); this._hidden = false; } }; こんなのつくってみました。むだにおぶじぇくとしこう。

むだにまうすおーばーとか。

jQueryつかってます。

firefoxの拡張つくるときにアイコンを自作したくてこんあんつくりました。


Tags:

 
 
 

コメントをどうぞ