- 自動更新タイムスタンプ(JavaScript)

 ここにメッセージ、発表などを記述します。

 \^o^/ 本日の企み、閃き、励まし、発想、お努め、堕落、怠惰、懈怠、寂寥、一善、殺生、不実、終焉、(−.”−;)


散文や、CDコレクション、窓から来る猛 =(・。・)= 日記、オンラインソフトリンク集。 『燦たる夕陽を浴びてとぼとぼ還る。理性もまた奔走する一種の情熱である。』 

 Twitter
You Tubeで世界の♫、Jazz ♫やWorld ♫、Classical ♫ & Musician と出逢い、 ”♫ Play List” を作成・発信!。

 Java JavaScript DHTML XML CSS フレームサンプル・応用方法
ホームページの多彩な表現を支援する、カット&ペーストですぐ使える最新のJava・JavaScript・DHTML・CSSサンプル多数 

 世界のオンラインソフト、パッチ、FixPac
  Win、Mac、Linux、ベンダー、カテゴリー、あ〜Z、から閲覧する最新ソフト、ソース、ツール、デバイスドライバー、FixPac、パッチ情報 

 スタイルシートリファレンス
CSSリファレンス、応用方法、サンプル(例) 

Windowsオンラインソフトダウンロード
 Microsoft、ジャストシステム、Linux、Sun、Java、IBM、NEC、OS/2 

 ショートカットキー
Windows、ie、Outlook、Office、Notes、一太郎 

 フレーム
全種類のフレームサンプル、+JavaScript、応用方法、ヒント 

 RGB5
色パレットで色を作成、HTML記述用16進色コードの獲得" 

 マルチ検索2a
検索エンジンを次々に切り換え、食材・アーチスト名からレシピやCDショップなどを検索。

 携帯電話最新情報
キャリアー、方式、形名、市販価格、機能・性能、拡大写真、販売開始日、関連・詳細情報ハイパーリンク。 項目昇/降順ソート

 デイタベース15
テクノロジーや、カテゴリー、サイト名の一部、洗練度などで、複数または単一絞り込み抽出。

 カレンダー13
〜2013年の祝日、任意日の予定・コメント設定可、痕跡色(テキストファイルに記述。)。

 カレンダー2015年度
 カレンダーいろいろ - 日程表用(スプレッドシート)、時計、潮汐表 


ねこつん


窓からの友達、=(・。.・)=  =(゜。.゜)=  =(^。^)=  (^ ^) (゜∇゜)

 縦書き4a
jQuery、DHTML,CSS。 ルビ、強制改ページ。

 水平スクロール
jQuery、横にスクロールするDIVにコンテンツ(テキスト、Movie)を記述。

 ランダムメッセージ6
小説家、哲学者の箴言、一言半句、ことわざの英訳など。 

 YouTube ♫クラシック Playlist
☆□You Tube クラシックの連続演奏(作曲家・アーチスト)。

 YouTube ♫Jazz・Pops Playlist
☆□You Tube ジャズ・ワールドミュージックの連続演奏。(作曲家・アーチスト)

 ニュース インデックス
AJAX Feed API、プルダウンメニューで選択したフィードを表示。

 左メニュー 8a
左端にフローティングするアイコンをクリック!、”折り畳みメニュー”を搭載したプッシュメニューを表示。

 ツリーメニュー 15Ffr
DHTML、フレーム構造の Explorer 風のツリーメニュー。 多層・多段階層をシンプルに編集!できる。 all対応。 

 マウスカーソル1
カーソルに纏わり付き乱舞する画像(ウッドストック) 

 WebRadioWebラジオ
小Win - 3個のプルダウンメニュー、Jazz・ワールド・クラシック・ポップス・ロック" 

 表5
マウスオーバーボタン - ♪連続演奏、WindowsMediaPlayer、Jazz、Classics 

 マウスオーバー26
ハイパーリンクのクリックでメニュー・サイト選択、サウンド・ムービー・ストーリームコンテンツを連続演奏 - WindowsMediaPlayerパネル制御 

 ゲーム
ゲーム・パズルのダウンロード - 世界のゲームサーチエンジン・リンク集で、ニュース、オンラインソフトをゲット! 

 スライドショー50
フェイドアウト効果で大画像切り替え。 

 Google Maps8
Maps API、Street View、お気に入りギャラリー集、リストから選択。

 Google Maps3d
Maps API、ルート案内、アドレス入力・マップのクリック指定、移動手段選択、プリセット可。 標高マップ付き。

 Google Maps17
Maps API、各国の場所 、国旗をリストから辿る、国旗をXMLファイルに記述。

 Google Maps18
Maps API、XML、スターバックスの店舗 、クリックで情報、場所検索をタイプインで!。

 Google Earth10
Earth API、地上・上空散歩、発進場所の設定、カメラ コントロール。

 Google Earth8
Earth API、世界的名建造物の上空俯瞰、CG+実画像。

 

 おわり。  =(^。^)=

           

 

 

 

 

 

 

 

 

 

 

 

ホーム へ     サンプルページ  メッセージスクロール 2   message_sr2.htm へ

小さいエリアのメッセージを、スクロール表示。     ボタンで制御します。      DHTML。      などのカスタマイズはテキストエディターなどで可。    all 対応。     コピー、編集し、簡単にWebで応用できまっ、(^ ^)。

デモは、  ボタンなどで。

 

< ご使用方法 >

・ ローカル(=PC)への保存は、message_sr2.htm を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。    ※: 【Internet Explorer】 - [ファイル] - [名前を付けて保存]−[ファイルの種類] ”Webページ、完全” ……、などで変わってしまったファイル名や、*.html 中のパスは要修正。

 ・ このDHTMLの実装方法は、message_sr2.htm をテキストエディターで開き、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ 1 や hogehoge.html(=任意の挿入先ファイル名) の、 <head> 〜 </head> の任意の行間に (*1)を、さらに <body> 〜 </body>の任意の行間に (*2) をペーストします。

 ・ 編集方法は、hogehoge.html を WordPad や SmipleTextなどのテキストエディター、あるいは ”FrontPage Express” などのホームページ制作ソフトのHTMLタグ挿入/編集メニュー で開き編集します。    下記の(例) (*1) と、(*2) を参考に太字部分の編集を任意に行います。   ※: テキストエディターによる編集は、HP制作ソフトとの互換性の問題を生じません(HP制作ソフト間は少し生じる)。

 ・ 作動テストは、ローカル(PC)に保存し、 Internet Explorer 8.x〜 などで開いて。    更新の確認は、ie、Safariやサーバーからのキャッシュデーター更新を、目的のページを表示し ieで [F5]キー を押し最新データ読み込みで行います(≠再アクセス)。

 ・ アップロードや作動テストは、hogehoge.html と同じ階層〔ホルダー/ディレクトリー〕に、使用する画像、*.jsなども転送/配置し実施。  ※:別ディレクトリーに配置時は、*.html 中のパスは要修正。   FTPなどで変わったファイル名は要修正。    スクリプト構文中への改行混入は非作動原因。

 ・ 関連情報 : 色記号5〃6スタイルシートリファレンスホームページ開設入門。   Web DevelopmentWeb開発IE10 互換性クックブック〃開発者向けガイド、IE API リファレンスIE 開発 > HTMLとCSS開発ツールでサイトを修正スクリプト デバッグの概要HTMLとCSSのサポートCSSの改良点XML〃リファレンスDHTML

 

(*1) message_sr2.htm (例)        挿入先の  <head> 〜 </head>の、部分にペーストします。

HTMLの編集方法   (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕  

シフトJIS使用(削除不可)
 

互換表示

ieなどに表示するアイコンファイル名(削除可)

<style type 〜 </style>は(削除可)
(*1)〜(*3)表タイトル背景

body 文字色 背景色 下線
ハイパーリンク 〃
表示済みの〃
マウスオーバー時の〃
クリック中の〃
フォント

 

リンクを新しいWinで開くを標準(削除可)※:target= いろいろ
同じフレーム=_self、ページ全体=_top、親フレーム=_parent
お気に入り、タスクバーに表示するページ名(≠ファイル名) 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {font-size:12px;line-height:13px;}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
</style>

<base target="_blank">

<title>サンプルページ  メッセージスクロール 2</title> 

(*2) message_sr2.htm (例)        挿入先の  <body> 〜 </body> の、 部分にペーストします。

HTMLの編集方法   (*2)をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕

※:<body>

 

 

 

背景画像 

自動更新タイムスタンプ

ここにメッセージ(テキスト、HTML)、発表などを記述します。 

 

 

 

 

開始 停止アイコン 吹き出し

 

 

<body>

<!-- ■ ---- 位置調整のためのDIV有りは、 ↓ この間をコピー&ペーストします。 -->
<!--               表示枠位置     表示枠サイズ        座標              表示枠背景色 -->
<div style="font:normal Verdana 10px ; position:absolute; top:10; left:10; width:200; height:10; z-index:0; visibility:visible; background-image: url(''); background-color:#F8F5F5">

====  この間、説明を省略。  ====

('wttec.gif'); border:1px solid #F6F6F8" border="1"; font-size: 12pt>
&nbsp;<!--webbot bot="HTMLMarkup" startspan --><script language="JavaScript">
<!-- 
document.write("Last Updated : ",document.lastModified);
 //--></script><!--webbot bot="HTMLMarkup" endspan --><br>
- 自動更新タイムスタンプ(JavaScript)

<p>&nbsp;ここにメッセージ、発表などを記述します。</p>
<p>&nbsp;\^o^/&nbsp;本日の企み、閃き、励まし、発想、お努め、堕落、怠惰、懈怠、寂寥、一善、殺生、不実、終焉、(-."-;)</p>

====  この間、説明を省略。  ====

Win/Mac/Linux/ゲーム/ベンダー/デバイスドライバー/パッチ/サンプル<p>
<p> </p>
&nbsp;おわり。  =(^。^)=<p>
</marquee>
<p>       <a href="javascript:scroller.start()"><img border="0" src="start1.gif" width="17" height="16" title="スクロール開始!"></a>  <a href="javascript:scroller.stop()"><img border="0" src="stop1.gif" width="16" height="16" title="スクロール停止!"></a></p>

====  この間、説明を省略。  ====

<!--webbot bot="HTMLMarkup" endspan -->
<!-- ☆ ---------- ↑ この間をコピー、編集、ペーストします。 ---------- -->
</td>
</tr>
</table>
</div>
<!-- ■ ---- 位置調整のためのDIV有りは ↑ この間をコピー&ペーストします。 -->  

< 補足 >    適時参照あれ!。

・ Wordpad によるHTMLソース(タグ)を見ながらの直接編集方法。