サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Wikipedia
www2.ocn.ne.jp/~yoochan
sinカーブ移動と不規則曲線移動は、The Dynamic Duo Cross-Browser DHTML(英語)を参考にしています。他にあまりやりようもないので、ほとんど似たような物にしかならないのですが、DHTMLでいろいろな効果を実現する際の基本となるサンプルだと思うので、それらの基本動作をオブジェクト化した上で、チュートリアル的意味で公開しています。 なお、サンプルでは動きの比較と参考のために JavaScript Tips集で解説されている円運動オブジェクトも一緒に掲載していますが、これについての解説はありません。これについてお知りになりたい方は、直接 JavaScript Tips集の移動オブジェクトの項をご覧下さい。 Sample Source Code <html> <head> <title></title> <style type="text/css"><!-- .mo
NN4.x については NN4.05, NN4.51、 IE4.x については IE4.01SP2、 IE5.x については IE5.0 (いずれもWindows版) でそれぞれチェックした結果を掲載しています。 なお、当方の環境ではプラットホーム(OS)による違いまではチェックできません。検証した対応状況は、あくまでも Windows の場合ですのでご注意ください。 NN6 についての検証結果も、時間があればもちろん公開するつもりですが、作者多忙のため現在そのめどは全く立っておりません。なにとぞ、ご容赦ください。 m(__)m このページは現時点で私が気がついているスタイルシートの各プロパティの問題点をまとめたものです。少しでも対応状況に問題があるものについては、完全対応とはしていません。しかし、スタイルシートの使い方によっては、私の気がついていない問題が出る可能性もあるのでご注意
このサンプルは、もともとThe Dynamic Duo - Cross-Browser DHTML(英語)を参考にしたものですが、当サイトでは、3階層までのフォルダ階層メニューも含め、この応用バージョンであるコンパクト開閉版なども作ってみました。 基本的に、HTMLやスタイルシートが分かる方なら、簡単に設置できると思います。 # HTMLやスタイルシートが分からないという方は、ここを見るなり、タグ辞典なりを買って勉強しましょう。 なお、もともとこのサンプルは、こうしたスライド形式の開閉型メニューは結構使いでのあるものだと思うのに、日本語のサイトでは見かけないサンプルだったので作ったものです。 #> スライド形式でない単純な開閉式のフォルダ型階層メニューも、このサンプルを少し改造することにより実現できますが、それは、スタイルシートの displayプロパティあたりを使うなどした方がより簡単に
Window( Frame )の幅の取得 function getWindowWidth(){ if(window.innerWidth) return window.innerWidth; // Mozilla, Opera, NN4 if(document.documentElement && document.documentElement.clientWidth){ // 以下 IE return document.documentElement.clientWidth; } else if(document.body && document.body.clientWidth){ return document.body.clientWidth; } return 0; } Window( Frame )の高さの取得 function getWindowHeight(){ if
NNでもIEでも動くDHTMLの事を、一般に 「クロスブラウザDHTML」 と呼んでいるようです。 そして、クロスブラウザ用スクリプトを書く上で、基本的な情報の取得や設定を行なうための ワンライナ的( 要は数行の関数 )な著作権フリーのスクリプトがいくつかのサイトや書籍などで公開されています。当サイトではそういった基本的な関数については、少し別の書き方をしたり追加している関数もありますが、萩原さんの JavaScript Tips集にある、ライブラリ集の関数を、基本的にそのままの形で使わせて頂いています。 以下、簡単にこれらの関数について解説しますが、さらに詳しくお知りになりたいという方は、萩原さんのライブラリ集解説ページや同じサイト内の「Mozilla の憂鬱」のコーナーにあるライブラリ集解説ページを直接ご覧下さい。 なお、Operaについては、日本語版が出た Opera 6以上で動け
ここにある DHTML は 100%クロスブラウザ ( NN でも IE でもバージョン 4 以上なら動く ) です。なおサンプルをご利用の際は、必ず使用上の注意を読んだ上でお使い下さい。 サンプル使用上の注意 修正履歴
Decoration HTML Room では、DHTML のサンプル及び情報の提供を行っています。(純粋なJavaScriptのサンプルも少しあり) DHTMLのサンプルはすべてフリーです。ご自由にお使い下さい。また、CSS Browser Check のコーナーでは、DHTML実現のために不可欠な、スタイルシートのブラウザによる表示の違いも検証しています。
このページを最初にブックマークしてみませんか?
『www2.ocn.ne.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く