本の紹介と[JS]Crossfader


08/10/11 AM 8時ごろ  ・コメント(0)

お手軽JavaScriptの紹介(設置しかできないので・・・・)と。かえるのbook.comで、良い評価が多い書籍を紹介してみたいと思います。
まぁ〜練習ってことで。 それにしてもコード書ける人ってすごいなぁ〜











今回は、"Crossfader"と言うJavaScriptを設置しています。上を見て頂くと判ると思いますが、
リストの要素で書いてる部分がアニメーションみたいに変わって表示されるようになっています。
色んなBlogで設置する事ができるので、興味がある方は以下あたりを参考にして挑戦!ですね♪
  クロスフェードを実装する為のCrossfader[to-R]
  【ハウツー】ゼロからはじめる Crossfader - 関数ひとつでWebサイトをフェード処理 (1)


で、少し説明です。
まず、手始めに "bsn.Crossfader.js" をBlogにアップして、scriptで呼び込んでいます。ほんとは<head>に呼び込むのが良いのですが、サイトの読み込みが重くなるのでこの記事にホントは書いています。

<script type="text/javascript" src="http://kaeru.orio.jp/bsn.Crossfader.js"></script>

で、リストで記入するのですが、"li id="bnr_"と言う風にグループで括り、以下で表示させる順番を決めいています。
最後の項目の"2000"や"4000"は表示させる時間や切り替えのモーションの長さになるのでお好みで調整してくださいデス。

<ul>
 <li id="bnr_1">○○○○○○</li>
 <li id="bnr_2">●●●●●●</li>
 <li id="bnr_3">□□□□□□</li>
</ul>

<script type="text/javascript">
 var cf = new Crossfader( new Array('bnr_1','bnr_2','bnr_3'), 2000, 4000 );
</script>

注意事項としては、<ul>要素に高さが設定できないので、下の文章や要素と重なる事があるので、少し注意して見て下さいデス♪


 お知らせ&関連エントリー

next.gif  [TDL] ランドのジュビレーション♥
back.gif  [TDL] 写真を撮ったですよ!

おすすめ投資入門Book
あたりまえだけど誰も教えてくれない お金のルール はじめての積立て投資1年生 月1万円からコツコツはじめて増やせるしくみがわかる本 (アスカビジネス) お金の教室—二十歳の君に贈る「マネー運用論」 30代からはじめる投資信託選びでいちばん知りたいこと 半値になっても儲かる「つみたて投資」 入社1年目の教科書 まぐれ—投資家はなぜ、運を実力と勘違いするのか


コメントお待ちしています♪


             

名前  : 

メールアドレスf  : (※表示されません。)

ホームページ  : 



Facebookでのコメントもお待ちしています




トラックバック

 URL:/1491
 ※ エントリーのリンクが確認できないと公開されませんのでご注意ください。


自己紹介

アイコン プロフィール
mail.gif  icon-twitter  icon-flickr  icon-flickr  feed  はてなブックマーク  icon-flickr  icon-twitter  blip  icon-facebook  Instagram

この日記のはてなブックマーク数

follow us in feedly

著書      監修
あたりまえだけど誰も教えてくれない お金のルール はじめての積立て投資1年生 月1万円からコツコツはじめて増やせるしくみがわかる本 (アスカビジネス)



相互リンクさんです。

おかげ様で、たくさんの優良サイトとリンクを結ばせて頂きました。
ぜひ、訪れてみてください!

リンクをランダムで表示しています。

アイコン ほかにも必読サイトございます


最近の記事とコメント

 

メデイア掲載履歴
[掲載] 中日新聞に掲載されまし
[出版] 確定拠出年金活用ガイド
[掲載] 中日新聞に掲載されまし
ネットマネー6月号に掲載して頂き
「日経ヴェリタス」に年末NISA
無事、セゾン投信セミナー終了♪
モーニングスターの「NISA本命
ネットマネー8月号に掲載して頂き
Gainerに掲載して頂きました
ネットマネー6月号に掲載して頂き
12/27の読売新聞に掲載されま
「日経ヴェリタス」に掲載されまし
日経新聞に取材された内容が掲載さ
ダイヤモンドZaiで本を5名様に
かえるとフッシーの「誰も教えてく
インベストライフ 2012年7月
ネットマネー8月号に掲載して頂き
[出版] あたりまえだけど誰も教
[書籍] はじめての積立て投資1
セゾン投信「投資の達人からの応援
ひふみ投信セミナーを終えての感想
ひふみ投信:大阪セミナーのまとめ
BLOGOS financeさん
日経新聞の夕刊に掲載されました
[書籍] ベスト投資信託ガイド

当サイトのおすすめ記事

カスタム検索

 ■ 海外ETFのまとめ
 ■ 投資書籍の評価一覧
 ■ タグ:読書
 ■ タグ:企業分析
 ■ タグ:企業価値