content_javascript スキルを自動的に埋めるための Fixie.js プラグイン
Fixie.js は、HTML ドキュメントのコンテンツを自動的に入力するオープンソース ツールです
公式 Web サイトのアドレス: http://fixiejs.com/
Fixie.js のダウンロード アドレスfixie_jb51 .rar
Fixie を使用する理由
Web サイトをデザインするとき、最終的に埋められるコンテンツを決定できないため、ページの表示効果をプレビューするために lorem ipsum (Lorem ipsum について) をページに追加することがよくあります。
問題は、退屈なコンテンツを追加しすぎると HTML ドキュメントが肥大化し、コピーアンドペーストと手動編集のサイクルに陥ることです。
Fixie.js は、この問題に対処するために生まれました。セマンティック HTML5 タグを解析することで、Fixie はタグ要素のタイプに一致するコンテンツを自動的に入力し、HTML ドキュメントを簡潔にしてテストを効率化できます。
使用手順:
ステップ 1: fixie.js をドキュメントに追加します
本文終了タグの前に
ステップ 2: ここには 2 つのメソッドがあります:
1. コンテンツを入力する必要がある場合は、`class="fixie" ` を設定します。
たとえば、最初に p タグの内容を入力する場合は、`
2. `fixie.init` でコンテンツを入力します
CSS セレクターで入力する要素を選択し、
fixie.init(( [".array", "#of) > .selector", ".that", ".Should", "#be > .populated", ".with", ".lorem"])
または
fixie.init(".string , #of > .comma, . Separated, .selectors, .that, .Should, #be > .populated, .with, .lorem")
コマンドを使用すると、
を自動的に入力できます。
fixie.init(':empty')
を実行すると、ドキュメント内のすべての空の要素を埋めることができます。
サポートされている要素
Fixie は、埋め込まれた内容はタグによって決まります。理解する必要があるいくつかのカテゴリがあります。
- `` - `h2 - h6` と同様に、いくつかの単語のテキストを追加します。
- `` - テキストの段落を記入します
- `` -複数の段落に入力します テキスト (複数の段落)
- `` - 上記と同じ
- `
- `` - ランダムなリンクを入力します (広告の疑い?)
ヒント
デフォルトの画像パディングを変更します
`fixie.setImagePlaceholder(source)` を実行します。
たとえば、Flickr から画像をダウンロードして塗りつぶしたい場合は、
fixie.setImagePlaceholder('http://flickholdr.com/${w}/${h}/canon').init();
コンテナに class="fixie" を追加
すべて非コンテナ内の空の子孫要素 (子孫と子孫に注意してください) が影響を受けます
以下の手順を参照してください
### Fixie for Rails
[fixie-rails](https://github.com/csexton/fixie-rails)
パディングコンテンツを強調表示します
.fixie{ border:4px を追加できます赤一色; }
を CSS に追加して、パディングコンテンツと実際のコンテンツを区別します。
## 承認
ナンセンスです。これ以上の翻訳は必要ありません。
説明例:
body{
フォントファミリー: Helvetica、arial、サンセリフ;
margin: 150px auto; 400px;
高さ:300px;
マージン:20px;
.fixie{ color: red;}
🎜>

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

10の楽しいjQueryゲームプラグインして、あなたのウェブサイトをより魅力的にし、ユーザーの粘着性を高めます! Flashは依然としてカジュアルなWebゲームを開発するのに最適なソフトウェアですが、jQueryは驚くべき効果を生み出すこともできます。また、純粋なアクションフラッシュゲームに匹敵するものではありませんが、場合によってはブラウザで予期せぬ楽しみもできます。 jquery tic toeゲーム ゲームプログラミングの「Hello World」には、JQueryバージョンがあります。 ソースコード jQueryクレイジーワードコンポジションゲーム これは空白のゲームであり、単語の文脈を知らないために奇妙な結果を生み出すことができます。 ソースコード jquery鉱山の掃引ゲーム

このチュートリアルでは、Ajaxを介してロードされた動的なページボックスの作成を示しており、フルページのリロードなしでインスタントリフレッシュを可能にします。 JQueryとJavaScriptを活用します。カスタムのFacebookスタイルのコンテンツボックスローダーと考えてください。 重要な概念: ajaxとjquery

このJavaScriptライブラリは、Cookieに依存せずにセッションデータを管理するためにWindow.nameプロパティを活用します。 ブラウザ全体でセッション変数を保存および取得するための堅牢なソリューションを提供します。 ライブラリは、セッションの3つのコア方法を提供します

このチュートリアルでは、jQueryを使用して魅惑的な視差の背景効果を作成する方法を示しています。 見事な視覚的な深さを作成するレイヤー画像を備えたヘッダーバナーを構築します。 更新されたプラグインは、jQuery 1.6.4以降で動作します。 ダウンロードしてください
