コーポレートサイトにちょうどいい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 | 親要素の幅に合わせて、指定の縦横比を保ったまま高さを変更する |
各の機能の詳細は順次解説します。