top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_857

流れる文字:あまり使いませんよね。でも、今回はいろいろな都合で、使いました、marquee タグ ・・・ 【FC2ブログカスタマイズ】

 2009-04-16
 流れる文字marquee
 あまり使いませんよね。
 基本的には私も、利用を避けていました。

 でも、今回このブログに搭載。

 【理由】
 ・一投稿 書くほどのことはないけど
  ちょこっと、お知らせしたい。
  ・過去投稿の一部更新や、
   一記事にできるレベル以下の 伝えたいことがあるとき

  左上に「更新しました!」を用意し
  ここでお知らせすることにしました。

 最初は、
 「aScroller.js」というライブラリを使おうとしたのだが・・・

 さて、それからどうした?

  追記に ▼

FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


more************************************************
◎ 流れる文字 marquee
************************************************


まずは、ライブラリを探し
aScroller.js
aScroller.js 設置も簡単そうだし
 いいんだけどな・・・

 ・・・よく、利用されてるみたいですね。

 【実装方法】

 ■ダウンロード後
   ※最新バージョンは、version 1.0

 ■テスト

   □ライブラリを組み込む
    ・<head></head> 内に
<script type="text/javascript" src=*****/aScroller_1_0.js"></script>
 ・・・ と、組込み

   □HTML上で、
    ・表示させたい位置に
<div style="height: 18px; width: 195px;">
<div id="scroll-h" style="height: 18px; width: 500px;">
<div>◇パスワード生成ツールと、〒<>住所変換ツールのコンフリクト解消(2009/04/18)</div>
</div>
</div>
<script type="text/javascript">divScroller("scroll-h", "h", 30, 0);</script>
 ・・・ とするだけ。

   □ところが、
    長い文字数に対し、表示スペース小さい場合
    > 最初に表示させている文字に重なり
      おかしくなってしまう。
      長い文字数に対し、表示スペース小さい場合

 しかたがない。普通に「marquee」使うか、と。

<MARQUEE>
<MARQUEE>・・・文字をスクロールさせる(Internet Explorer独自の仕様)
<MARQUEE>・・・文字をスクロールさせる(Internet Explorer独自の仕様) 昔は、
 InternetExplorer でしか
 使えなかったんだよね。

 ・・・ほんと、忘れてました。

 ところが!現在、
 ・W3CのHTMLやXHTMLの標準規格 には
  まだ含まれていないけれども

  ・Internet Explorer以外でも、
   Firefox、Safari、Opera、Chrome(も!)
   といった主要なブラウザでサポートされている。
 使うか。

 ■テスト

   □<MARQUEE> で囲み
    表示する内容を配列で用意して表示させる
    (本日現在は、まだ1件目)
    表示するスタイルは、ランダムとした。
<marquee trueSpeed scrollAmount=1 scrollDelay=30><script language="javascript"> 
<!--
var str_mes=new Array("◇パスワード生成ツールと、〒<>住所変換ツールのコンフリクト解消(2009/04/18)");
document.write(str_mes[Math.floor(Math.random()*str_mes.length)]);
//-->
</script> </marquee>


   ※最近、創り始めている「小物ツール」で
    同じ関数名や変数名でコンフリクトしている部分を
    修正し、報告。


 以後、
 よろしくお願いします。
 (左サイド上にて)
commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/857-1a3d0d32
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。