サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ChatGPT
tech.ludicmind.net
SWFObject JavaScript API ドキュメンテーション SWFObject 2は、JavaScript実装者がSWFObject内部関数を再利用でき、SWFの出力やFlash Playerの情報にアクセスするための完全なツールセットとしてAPIを含んでいる。 swfobject.registerObject(objectIdStr, swfVersionStr, xiSwfUrlStr) Flashコンテンツと標準準拠のマークアップで書かれた代替コンテンツを埋め込み、マークアップ単体では解決できない問題をJavaScriptで解決する(静的パブリッシングと呼ぶ)。 このメソッドは"How to embed Flash Player content using SWFObject static publishing"で解説されている。 swfobject.getObject
fleXcrollは、クロスブラウザ対応、ウェブ標準準拠のカスタムスクロールバースクリプト。以下はfleXcrollの和訳かつ要約。 導入 fleXcrollは、OS標準のスクロールバー同様に、マウスホイール、キーボードスクロールをサポートし、テキスト選択も可能。overflow: autoを設定したdivのiPhoneタッチスクロールもサポート。 サンプル fleXcrollを動的に設定してどのように使うかを、このHTMLで見てください。fleXcrollはAjaxのような動的なコンテンツ追加に対応しており、外部からコントロール可能。アンカーID、要素の追加、削除、幅の切り替え、相対的なスクロール、絶対的な位置指定のスクロールが可能。 基本的な使い方 セットアップ head要素内でflexcroll.jsを読み込む。 カスタムスクロールバーに関するスタイルをCSSに書く。fleXcrol
何をスクロールさせるかの指定 全てのマッチする要素がスクロールさせられる。 $('div.pane').scrollTo(...);//all divs w/class pane window (screen)をスクロールさせる場合には以下のように。 $.scrollTo(...); どこへスクロールするかの指定 目標位置の指定には様々な方法がある。 数値 文字列('44', '100px', '+=30px'など) DOM要素(スクロール可能な要素の子) スクロール可能な要素に関連付けられているセレクタ { top:x, left:y }のようなハッシュ。xとyは上記のように数値や文字列 水平、垂直両方向に移動し、x, yが違う値の場合のみハッシュが必要。詳しくは以下に。 セッティング アニメーションと最終地点をカスタマイズするための多くのオプションがある。 axis スクロールの軸。'
以下のCSSで、Opera 9.5以降、Safari 1.1以降、Konqueror 3.4以降、iCab 3.0.3以降ではエンボス表現ができる。Firefoxでは現状できないが、3.1ベータでは対応しているらしい。 暗い背景に明るいテキストの場合 text-shadow: 0px -1px 0px #374683; 明るい背景に暗いテキストの場合 text-shadow: 0px 1px 0px #e5e5ee; IEでは次のようにする。 filter: dropshadow(color=#e5e5ee,offX=0,offY=1); via. Text Embossing Technique With CSS - Steve Reynolds Blog
WordPressループの使い方 テーマテンプレートの最初に、ヘッダーテンプレートを呼び出す。独自のデザイン内にWordPressループを挿入する場合、以下のようにしてWP_USE_THEMES を false に設定する。 <?php define('WP_USE_THEMES', false); get_header(); ?> WordPressループは以下の行から始まる。 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> 以下の行が、ループの終わり。 <?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p> <?php endif; ?> WordPressループの例 <?php
概要 タブは通常アコーディオンのように、コンテンツを、スペースを節約できる切り換え型のセクションに入れるのに使用される。 デフォルトではタブのクリックでセクションを切り替えるが、オプションでhoverにもできる。タブのコンテンツはタブにhrefを設定する事でAjaxを通して読み込む事もできる。 イベント 一連のイベントがタブの操作で実行される。 tabsselect, tabsload, tabsshow(この順番で) tabsadd, tabsremove tabsenable, tabsdisable イベントバインドの例: $('#example').bind('tabsselect', function(event, ui) { // 関数内で有効なオブジェクト: ui.tab // 選択された(クリックされた)タブのアンカー要素 ui.panel // 選択/クリックされたタブ
UiUIKit(Universal iPhone UI Kit) Webサイト構築フレームワーク。 iphone-universal jQTouch モバイルWebKit用jQuery。まだアルファ版。 jQTouch via. MOONGIFT
複数のDIVのうち1つだけを開いた状態にし、切り替えて表示できるようにするjQuery UIの1機能。以下はUI/Accordionの和訳かつ要約。 開閉可能なDIV。限られたスペースで表示しなければならない場合に有用。 依存ファイル ui.core.js (オプション)デフォルト以外のアニメーションにjquery.easing.js。v1.1.1とのみ動作。あるいは1.3とcompability plugin。 ソース例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <lin
このページを最初にブックマークしてみませんか?
『Test Page for the HTTP Server on AlmaLinux』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く