ボックスをfloatさせたとき隙間を埋めてくれるjQueryプラグイン。つか、グリッドレイアウト。
こちらの記事は書留程度に書いています。
いつも書留だけど。
■jquery.masonry.min.js
http://masonry.desandro.com/jquery.masonry.min.js
上記URLを読み込んでもいけるとは思いますが、相手側のサーバに負荷をかけてしまいますので、コードはDL(もしくはエディターにコピペ)して保存しましょう。
ソースコードは続きにあります。
ボックスを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で「ページトップへスクロール」するボタンを追加しました。
各ページの右下に配置してます。
ボタンはグローバルナビで使用した背景画像を流用しています。
やっぱね、トップやアーカイブに10記事、20記事載せてるブログって巷でよく見かけるので、一気にページトップまでスクロールできるボタンがあった方がいいんじゃないかな、と思ったので設置しました。
<a name="~"></a>ではなく、jQueryでスルスルスル・・ってスクロールするのが面白いですよね(^▽^)
オープンソースがwebにゴロゴロあったので、2万円ホームページの別バージョンのjQuery news tickerをヘッダーで実験してみました。もちろん実験台はこのラボログです。
限定してトップページのヘッダーのみでやってます。jQueryのソースコードが長すぎるので。
ソースの確認は右クリックからお願いしますm(_ _)m
一応動きは良好です。ただスタイルが妙でして、フェードイン部分が見えてるという結果になりました。