baserJSの機能一覧

  • 0
    いいね
  • 0
    コメント
    この記事は最終更新日から1年以上が経過しています。

    コーポレートサイトにちょうどいいJavaScriptライブラリ baserJS の解説記事です。

    Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト

    基本的な機能

    baserJSは最近流行りのMV*系のフレームワークなどではなく、単純にDOM操作系のライブラリです。現在は jQueryに依存しているので、jQueryプラグインといってもいいです。(今後のJSライブラリ界隈の状況や、ブラウザの実装状況が変わったら、jQueryから分離することもあるかもしれません。)

    機能一覧

    基本的にはjQueryのインスタンス(jQueryオブジェクト)から呼び出して実行します。

    メソッド名 機能
    bcYoutube YouTubeを埋め込む
    bcScrollTo 要素のある位置までスクロールアニメーションする
    bcRadio WAI-ARIAに対応した装飾可能な汎用要素でラップしたラジオボタンに変更する
    bcCheckbox WAI-ARIAに対応した装飾可能な汎用要素でラップしたチェックボックスに変更する
    bcSelect WAI-ARIAに対応した装飾可能な汎用要素でラップしたセレクトボックスに変更する
    bcMaps GoogleMapsを埋め込む
    bcBoxAlignHeight 要素の高さを揃える
    bcBoxLink 要素全体をリンク可能にする
    bcExtendLink リンク先の拡張子によってクラスやアイコン画像を付加する
    bcRollover マウスオーバー時に画像を変換する
    bcShy マウスオーバー時に要素を半透明にする
    bcWink マウスオーバー時に要素を一瞬透明にする
    bcSplitList リスト要素を指定の数で分割する
    bcImageLoaded 要素内の画像の読み込みが完了したときに指定の関数を実行する
    bcBackground 要素を背景化する(画像・ビデオ・iframe対応)
    bcKeepAspectRatio 親要素の幅に合わせて、指定の縦横比を保ったまま高さを変更する

    各の機能の詳細は順次解説します。

    この投稿は baserJS Advent Calendar 20142日目の記事です。