sencha touch 2.2 に基づいて書かれています
コード:
/*
*タブパネルのナビゲーションを模倣しますbar
*/
Ext.define('ux.TabBar', {
alterClassName: 'tabBar',
extend: 'Ext.Toolbar',
xtype: 'tabBar',
config : {
docked: 'bottom',
cls: 'navToolbar',
layout: {
align: 'stretch'
},
デフォルト: {
フレックス: 1
);
//ボタンクリックイベントをリッスン
me.on({
delegate: '> button',
範囲: 私、
タップ: 'onButtonTap'
}) ;
},
//選択したボタンを更新します
updateSelectButton: function (newItem, oldItem) {
console.log(oldItem);
if ( oldItem) {
oldItem.removeCls('x-tabBar-pressing');
}
if (newItem) {
} newItem.addCls('x-tabBar-pressing');
}
},
//ボタンがクリックされたとき
onButtonTap: function (button) {
this.setSelectButton(button);
},
/**
* @private
* 追加された項目を実行し、add メソッド呼び出し後に自動的に実行します
*/
onItemAdd: 関数 (アイテム、インデックス) {
);
}
});
必須CSS:
コードをコピー
コードは次のとおりです:
}
.navToolbar .x-button .x-button-label {
font-weight:normal;
color:White;
font-size: 0.6em;
}
.navToolbar .x-tabBar-pressing {
背景画像:なし;
背景色:#0f517e;
背景画像:-webkit-gradient(リニア,50 % 0%,50% 100%,カラーストップ(0%,#0a3351),カラーストップ(10%,#0c4267),カラーストップ(65%,#0f517e),カラーストップ(100) %,# 0f5280));
背景画像:-webkit-linear-gradient(top,#0a3351,#0c4267 10%,#0f517e 65%,#0f5280);
背景画像:-moz- Linear-gradient (top,#0a3351,#0c4267 10%,#0f517e 65%,#0f5280);
背景画像:-o-linear-gradient(top,#0a3351,#0c4267 10%,#0f517e 65 %,# 0f5280);
背景画像:linear-gradient(top,#0a3351,#0c4267 10%,#0f517e 65%,#0f5280);
}
使用:
コードをコピー
コードは次のとおりです:
Ext.define('app.view.MyBar', {
alterClassName: 'myBar',
extend: 'ux.TabBar',
xtype: 'myBar',
config: {
items: [
selected : true
xtype: 'button',
text: '宝くじホール'
},
{
xtype: 'ボタン',
テキスト: 'ラッキー ナンバー'
},
{
xtype: 'ボタン ',
テキスト: '詳細'
}]
}
} );
レンダリング:

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

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

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

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

マトリックスの映画効果をあなたのページにもたらしましょう!これは、有名な映画「The Matrix」に基づいたクールなJQueryプラグインです。プラグインは、映画の古典的な緑色のキャラクター効果をシミュレートし、画像を選択するだけで、プラグインはそれを数値文字で満たされたマトリックススタイルの画像に変換します。来て、それを試してみてください、それはとても面白いです! それがどのように機能するか プラグインは画像をキャンバスにロードし、ピクセルと色の値を読み取ります。 data = ctx.getimagedata(x、y、settings.greasize、settings.greasize).data プラグインは、写真の長方形の領域を巧みに読み取り、jQueryを使用して各領域の平均色を計算します。次に、使用します

この記事では、jQueryライブラリを使用してシンプルな画像カルーセルを作成するように導きます。 jQuery上に構築されたBXSLiderライブラリを使用し、カルーセルをセットアップするために多くの構成オプションを提供します。 今日、絵のカルーセルはウェブサイトで必須の機能になっています - 1つの写真は千の言葉よりも優れています! 画像カルーセルを使用することを決定した後、次の質問はそれを作成する方法です。まず、高品質の高解像度の写真を収集する必要があります。 次に、HTMLとJavaScriptコードを使用して画像カルーセルを作成する必要があります。ウェブ上には、さまざまな方法でカルーセルを作成するのに役立つ多くのライブラリがあります。オープンソースBXSLiderライブラリを使用します。 BXSLiderライブラリはレスポンシブデザインをサポートしているため、このライブラリで構築されたカルーセルは任意のものに適合させることができます

データセットは、APIモデルとさまざまなビジネスプロセスの構築に非常に不可欠です。これが、CSVのインポートとエクスポートが頻繁に必要な機能である理由です。このチュートリアルでは、Angular内でCSVファイルをダウンロードおよびインポートする方法を学びます


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

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

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

ホットトピック



