忍者ブログ

忍者ツールズ デザイナーなブログ

忍者ツールズを運営するサムライファクトリーのメンバーがお送りする情報ブログ! ブログテンプレート、デザイン、サービスやIT技術など…

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

【jQuery】divブロック要素をスライド開閉させる

サムライファクトリーのDesigner 其の六です。

jQueryで、
divブロック要素をスライド開閉させるのを探してたのですが
閉じるのはあったが開くのを説明しているサイトが中々みつからず
ちょっと手を加えてみたので記載しておこうと思います。
※いたらない点、もっとこうしたら良いのではという
のがございましたらご連絡下さいm_ _m


サンプルとソースの詳細を見る



拍手[0回]

PR

ブラウザサイズによって背景画像をリサイズするjQuery

サムライファクトリーのDesigner 其の六です。

ブラウザサイズによって背景画像をリサイズ
というのは以前でしたらFlash使うかjs使うかで苦労した記憶がありますが、
ここ数年で出てきたjQueryを使うと
簡単に設置できるようです。
(jQueryは下記サイトからダウンロードしてください。)


■SRobbin Blog
http://srobbin.com/jquery-plugins/jquery-backstretch/


設置後のサンプル画像↓ 4020053f.jpeg

任意の場所に
<script type="text/javascript" src="任意の階層/jquery.backstretch-1.1.min.js"></script><br />
<script type="text/javascript">
  $.backstretch("画像のURL");
</script>
これを使えば、
自分の撮影した写真や、描いたものをHP/ブログの背景全面に入れたり出来、
より自分のページを輝かせることが出来ると思います。


(※上記のjQueryは、NINJA TOOLSと関係ないため為サポート外になってしまいます。
ご理解、ご了承の上ご使用ください。)

拍手[0回]

バナー:忍者レコメンド

ブログ内検索

最新記事

アクセス解析

PR

バナー:忍者おまとめボタン

この記事を読んだ人はこの記事も読んでいるようです