タグ

tipsとjavascriptに関するsatrexのブックマーク (2)

  • 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌

    異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な

  • Javascript/String.replaceメソッド - 俺の基地

    単に置換する 文字列を指定して単に置換するだけです。 var hoge = 'abc'; hoge = hoge.replace('a', 'z'); //'zbc' 注意する点は最初にヒットした部分しか置換しないということ var hoge = 'aaa'; hoge = hoge.replace('a', 'z'); //'zaa' という動き こいつを全置換にしたい場合は gオプションを指定してやります var hoge = 'aaa'; hoge = hoge.replace('a', 'z', 'g'); //'zzz' ▲ ▼ 正規表現でヒットさせて置換 検索条件に正規表現オブジェクトも使えます var hoge = 'abc'; hoge = hoge.replace(/.c/, 'zz'); //'azz' ▲ ▼ 正規表現でヒットさせて置換 後方参照 キャプチャ利用版

  • 1