jQuery.plugin

[jQuery] スマートフォン・タブレットPCのユーザーエージェントと判別プラグイン

2011/08/12 jQuery No comments ,

ユーザエージェント(userAgent)判別プラグインの焼き直しです。
スマホ判別に特化させてみた。


直接見る

(さらに…)

[jQuery] ユーザエージェント(userAgent)判別プラグイン

2011/06/22 jQuery 2 comments ,

ユーザーエージェントからブラウザの情報をピックアップしてクラスを付与するjQueryプラグインを作ってみました。
パソコン・スマートフォンの他に、JavaScriptの使用が可能だと思われるゲーム機・テレビ・ガラケーのブラウザも判別対象としています。


直接見る

(さらに…)

[jQuery] Image Slider/News Ticker Clone

2010/10/25 jQuery No comments

Simple News/Image Sliderみたいに画像を1列に並べて延々横スクロールさせるやつがjQueryで欲しかったんだけど
検索してもそういうのが見つからなかったからクローン作った。

見た目と動きはオリジナルと大体同じです。

The Code

ターゲットに指定できるのはリスト要素(ULまたはOL)限定です。リスト(LI)の中身は問いません。

$(document).ready(function(){
$('#target').imageSlider();
});
#target {overflow:hidden;}

親要素もしくはwrap要素にoverflow:hiddenしておくこと。
ターゲットに指定された要素にはリストの横幅の合計がセットされます。
表示範囲を限定したい場合はプラグインが作成するwrap要素をoverflow:hiddenにしてwidthを設定してください。

Option

className (string)
wrap要素のクラス名。デフォルトはslider-wrapper
speed (number)
スクロールのduration。デフォルトは3000
easing (string)
スクロールのeasing。デフォルトはlinear

(さらに…)

[wordpress&jQuery] IE6 No More plugin

2009/08/07 plugin 7 comments ,

IE6 No More

IE6撲滅キャンペーン大好きなので早速プラグイン化してみた。
いずれも配布されているアラートを表示するものです。

アラート

Mootools版はこちら。

(さらに…)

[jQuery]IE6以下で閲覧すると画面左端にアナログと表示させるプラグイン

2009/02/26 jQuery 6 comments , ,

jQuery練習ついでにプラグイン作って便乗。元ネタはCSS Happy Lifeさん。
最近テレビの画面左端にアナログと出るようになってますが、
あのウザい表示をIE6使ってるときにやろうじゃないか、というものです。

このプラグインはスクロールしても追いかけて常に画面左端に表示し、
さらにアイコンへマウスオーバーするとメッセージを入れ替えて
ユーザーにしつこくバージョンアップを促しますwww

以下デモはIE以外だと何も表示されません。
View Demo »

jQuery ver 1.2.6以上用プラグインです
jQuery.browserのサポートの関係で1.3以上が必要でした。

(さらに…)