2011年12月11日日曜日

ブロガー(blogger)にjQuery notificationを設置

ブロガー(blogger)にjQuery notificationを設置してみました。

我ながら馬鹿だなと思うのですが、この時期にブロガーのカスタマイズに取り憑かれつつあります。先日、ちょっとデザインを変更しただけなのですが、喚起されてしまいました。

まずは見かけからということで、以前から興味のあったプラグインを追加です。IEで試すと、重くてカクカクしますね。とりあえず、実験ということでお付き合いいただければと思います。
 
クリック1
クリック2
クリック3


ソースはこちら。
$(function(){
    $("#notice01").click(function() {
        showNotification({
            message: "日本語表示できるかな。",
            autoClose: true,
            type: "success",
            duration: 3
        });
    });
    $("#notice02").click(function() {
        showNotification({
            message: "クリックありがとうございます。",
            autoClose: true,
            type: "error",
            duration: 2
        });
    });
    $("#notice03").click(function() {
        showNotification({
            message: "亀の歩みで、ブロガーをカスタマイズして参ります。",
            autoClose: true,
            type: "warning",
            duration: 1
        });
    });
});

0 件のコメント:

コメントを投稿