baserJS
baserJSDay 2

baserJSの機能一覧

More than 3 years have passed since last update.

コーポレートサイトにちょうどいい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 親要素の幅に合わせて、指定の縦横比を保ったまま高さを変更する

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