jQuery は携帯電話の新浪微博チャット インターフェイスを模倣します
最新のダウンロード
ファンタジー水族館
ドールズフロントライン
星の翼
小さな花の妖精フェアリーパラダイス
レストランキュートストーリー
山河旅行探訪
「愛とプロデューサー」
最強の頭脳 3
オッドダスト:ダミラ
若き西遊記2
24時間リーダーボードの閲覧
- 1 デッド ライジング デラックス リマスター: ケントの写真チャレンジで 1,000 PP のユーモラスなショットを撮る方法
- 2 JavaScript のオブジェクト
- 3 知っておくべきトップの無料 API
- 4 クラスターモジュールを使用した Node.js のスケーリング
- 5 連絡先を携帯電話と同期するにはどうすればよいですか? Go に CardDAV を実装する!
- 6 CSS の新しい値と関数
- 7 EchoAPI と不眠症: 実践例による包括的な比較
- 8 デッドライジング デラックス リマスター ショートカット ガイド: ワンダーランドとトンネルのショートカットのロックを解除する方法
- 9 高度な AI 機能強化を備えた JDK Java Developer Ultimate Upgrade の紹介
- 10 デッド ライジング デラックス リマスター: すべての生存者とその生存者を見つける場所
- 11 Laravel でキューに入れられたジョブをテストするためのヒント
- 12 リップル関連ウォレット、法廷闘争のさなか1億XRPを移動
- 13 ビットコイン(BTC)価格は62,000ドルを超え、HODLersの88%は紙の利益に固執している
- 14 Next.js で動作しない Tailwind CSS を修正する方法
- 15 ドージコイン(DOGE)、柴犬(SHIB)、ポップキャット(POPCAT)の上昇によりミームコイン市場が加熱
最新のチュートリアル
-
- 海外のWeb開発フルスタックコースの完全なコレクション
- 1354 2024-04-24
-
- Go言語実践GraphQL
- 1639 2024-04-19
-
- 550W ファンマスターが JavaScript をゼロから段階的に学習します
- 3056 2024-04-18
-
- Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる
- 2583 2024-04-10
-
- MySQL 入門 (教師モッシュ)
- 1530 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax -- 10 日間の質の高いクラス
- 2382 2024-03-29
これは非常にシンプルな Weibo モバイル チャット インターフェイス テンプレートであり、jQuery はモバイル Sina Weibo チャットの会話スタイル コードを模倣しています。
/*メッセージを送ります*/###
関数 send(headSrc,str){
var html="<div class='send'><div class='msg'><img src=" headSrc " />"
"<p><i class='msg_input'></i>" str "</p></div></div>";
upView(html);
}
/*メッセージを受け入れる*/
関数 show(headSrc,str){
var html="<div class='show'><div class='msg'><img src=" headSrc " />"
"<p><i class='msg_input'></i>" str "</p></div></div>";
upView(html);
}
/*ビューを更新*/
関数 upView(html){
$('.message').append(html);
$('body').animate({scrollTop:$('.message').outerHeight()-window.innerHeight},200)
}
関数 sj(){
return parseInt(Math.random()*10)
}
$(関数(){
$('.footer').on('keyup','input',function(){
if($(this).val().length>0){
$(this).next().css('background','#114F8E').prop('disabled',true);
}それ以外{###
$(this).next().css('background','#ddd').prop('disabled',false);
}
})
$('.footer p').click(function(){
show("./images/touxiangm.png",$(this).prev().val());
テスト();###
})
})
/*テストデータ*/###
var arr=['私はシャオ Q','長い間連絡がありません! '、'私のことを考えているのですか'、'私と話してみてはいかがですか'、'しばらく私と話しましょう'];
var imgarr=['images/touxiang.png','images/touxiangm.png']
テスト()###
機能テスト(){###
$(arr).each(function(i){
setTimeout(function(){
send("images/touxiang.png",arr[i])
},sj()*500)
})
}
Jquery は Web プログラミングに必要な重要なテクノロジーの 1 つです。 Jquery もプロトタイプに次ぐ優れた Javascript フレームワークで、CSS3 やさまざまなブラウザと互換性のある軽量の JS ライブラリです。 jQuery を使用すると、ユーザーは HTML ドキュメントとイベントをより簡単に処理し、アニメーション効果を実装し、Web サイトに AJAX インタラクションを簡単に提供できるようになります。 jQuery のもう 1 つの大きな利点は、ドキュメントが非常に充実しており、さまざまなアプリケーションが詳細に説明されており、成熟したプラグインが多数あることです。 jQuery は、ユーザーの HTML ページのコードと HTML コンテンツを分離したままにすることができます。つまり、コマンドを呼び出すために HTML に大量の js を挿入する必要はありません。必要なのは ID を定義することだけです。