https://github.com/hokaccha/js-meca

markup engineer's coding adminicle javascript library
https://github.com/hokaccha/js-meca

Last synced: about 2 months ago
JSON representation

markup engineer's coding adminicle javascript library

• Host: GitHub
• URL: https://github.com/hokaccha/js-meca
• Owner: hokaccha
• Created: 2009-03-21T15:46:54.000Z (almost 16 years ago)
• Default Branch: master
• Last Pushed: 2010-08-07T08:47:30.000Z (over 14 years ago)
• Last Synced: 2024-04-13T22:56:26.619Z (9 months ago)
• Language: JavaScript
• Homepage: http://webtech-walker.com/meca2/sample/
• Size: 382 KB
• Stars: 17
• Watchers: 5
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# meca.js

HTML/CSSのコーディングをするときに便利な機能を色々詰め込んだjQuery Plugin。

## 機能

* 画像ロールオーバー

* 画像のactive

* リンクを別ウィンドウで開く

* IE6で透過png

* 要素の高さ揃え

* IE6でpositon:fixed

* スムーズスクロール

* OS判別クラスの付加

* IEで画像のlabelをクリック

* placeholder

## 使い方

全ての機能は .meca() で適用されます。例えば画像のロールオーバーは以下のようにします。

    $('.btn').meca('hover', conf);

    $('.btn').meca('hover', { postfix: '_over' });

confにはハッシュで設定を渡します。全ての機能においてデフォルト値が設定されていので設定をしなくてもいい感じで動くようにはなっています。

### 画像のロールオーバー

画像にロールオーバーを設定します。

    .meca('hover', conf);

#### 設定

    

        設定項目

        type

        デフォルト値

        説明

    

    

        postfix

        String

        \_o

        ロールオーバー時に画像名につく接尾語

    

### 画像のactive

画像をクリックしたときに画像を切り替えます。

    .meca('hover', 'active');

#### 設定

    

        設定項目

        type

        デフォルト値

        説明

    

    

        postfix

        String

        \_a

        クリック時に画像名につく接尾語

    

    

        hoverSelector

        String

        .btn

        ロールオーバーと併用するときのロールオーバーのセレクタ

    

    

        postfix

        hoverPostfix

        \_o

        ロールオーバーと併用するときのロールオーバーの接尾語

    

### リンクを別ウィンドウで開く

    .meca('external');

### IE6で透過png

画像要素

    .meca('pngfix', conf);

背景画像

    .meca('bgpngfix', conf);

### 要素の高さ揃え

要素の高さを揃える

    .meca('heightAlign', conf);

### IE6でpositon:fixed

IE6でposition:fixedできるようにする

    .meca('positionFixed', conf);

### スムーズスクロール

スムーズスクロール対応

    .meca('smoothScroll', conf);

### OS判別クラスの付加

OSのクラスを負荷する

    .meca('addOsClass', conf);

### IEで画像のlabelをクリック

IEで画像にラベルを設定したときにラベルの機能を有効にする

    .meca('labelClickable', conf);

### placeholder

placeholderを再現する

    .meca('placeholder', conf);