ボックスをfloatさせたとき隙間を埋めてくれるjQueryプラグイン。つか、グリッドレイアウト。

こちらの記事は書留程度に書いています。

いつも書留だけど。

■jquery.masonry.min.js

http://masonry.desandro.com/jquery.masonry.min.js

上記URLを読み込んでもいけるとは思いますが、相手側のサーバに負荷をかけてしまいますので、コードはDL(もしくはエディターにコピペ)して保存しましょう。

ソースコードは続きにあります。

続きを読む...

面白かったので、又、jQueryを追加してみました。

一番下まで行くと横からスライドしてくるコンテンツ

設置箇所はトップページのみ。

説明しているサイト

http://www.webopixel.net/javascript/538.html

続きを読む...

仕事でソース書くのメンドーとか思った際のjQuery Libraryの書留。

よくやるのは定番のLightbox、Slideswitch、オンマウスで不透明度を落とすくらい。

PHPが使えないときのJavascriptとか。

年月日取得

<script language=JavaScript>

<!--

now = new Date();

year = now.getYear(); if (year < 2000) year = year + 1900;

month = now.getMonth()+1;

day = now.getDate();

wk = new Array("日","月","火","水","木","金","土");

document.write(""+year+"年"+month+"月"+day+"日");

// -->

</script>

<script>
    FixScroll('tab', {parent: 'side',bottomBorder: 'infinite'});
</script>
<div id="tab"></div>

続きを読む...

スクロールボタンの変更と追加をしました。

前のボタンはグローバルナビで使ってる背景とテキストでしたが、今度は全部画像。

オンマウスロールオーバーは下記参照。
http://blog.town-nets.com/blogtemplate/entry-1649.html#more

ついでにページトップにジャンプするボタンがあるなら、ボトムにジャンプさせるものも追加した方がいいのでは?と思ってボタン追加。

 

OFF時	OFF時
ON時	ON時

追加はかんたん!

画像追加して<a>タグのidにfooterと入力しただけ。

jQueryで「ページトップへスクロール」するボタンを追加しました。

各ページの右下に配置してます。

ボタンはグローバルナビで使用した背景画像を流用しています。

やっぱね、トップやアーカイブに10記事、20記事載せてるブログって巷でよく見かけるので、一気にページトップまでスクロールできるボタンがあった方がいいんじゃないかな、と思ったので設置しました。

<a name="～"></a>ではなく、jQueryでスルスルスル・・ってスクロールするのが面白いですよね(^▽^)

オープンソースがwebにゴロゴロあったので、2万円ホームページの別バージョンのjQuery news tickerをヘッダーで実験してみました。もちろん実験台はこのラボログです。

限定してトップページのヘッダーのみでやってます。jQueryのソースコードが長すぎるので。

ソースの確認は右クリックからお願いしますm(_ _)m

一応動きは良好です。ただスタイルが妙でして、フェードイン部分が見えてるという結果になりました。