jQuery は携帯電話の新浪微博チャット インターフェイスを模倣します
最新のダウンロード
ファンタジー水族館
ドールズフロントライン
星の翼
小さな花の妖精フェアリーパラダイス
レストランキュートストーリー
山河旅行探訪
「愛とプロデューサー」
最強の頭脳 3
オッドダスト:ダミラ
若き西遊記2
24時間リーダーボードの閲覧
- 1 高度な Ts: 依存パラメータ、推論された結合、Twitter での健全なインタラクション。
- 2 [Leetcode] オブジェクトは空です
- 3 Everything you need to know about UUID.
- 4 NodeJS を使用して構築された Todo RESTful API
- 5 EigenLayer の EIGEN 暗号トークンのロック解除イベントにより、レストステーキング プロトコルが経済拡大に向けて優先順位を高めます
- 6 My First Project using Golang (Part 2)
- 7 ビットワイズはXRP ETFの適用が合法であることを確認し、市場の興奮を促進
- 8 リップル、エスクローから10億XRPトークンを解放、8億XRPを再ロック
- 9 Diablo 4: Vessel of Hatred Twitch ドロップ - スケジュールと報酬
- 10 DLT Science Foundation が EU の MiCA 規制への準拠を合理化し強化するための MiCA Crypto Alliance を発表
- 11 What is 3AC Memecoin?
- 12 ノットコイン (NOT) 価格予測: すぐに 0.01 ドルに達することはありませんか?
- 13 Dogecoin (DOGE) Shows Bullish Potential With Increased Addresses and Whale Activity, Despite a Recent Price Dip
- 14 iOS 18.1: コントロールセンターをリセットする方法
- 15 地政学的な緊張が仮想通貨市場を襲い、STRK、AR、LDO、COREアルトコインが2桁の損失を被る
最新のチュートリアル
-
- 海外のWeb開発フルスタックコースの完全なコレクション
- 1455 2024-04-24
-
- Go言語実践GraphQL
- 1733 2024-04-19
-
- 550W ファンマスターが JavaScript をゼロから段階的に学習します
- 3159 2024-04-18
-
- Python マスター Mosh、基礎知識ゼロの初心者でも 6 時間で始められる
- 2683 2024-04-10
-
- MySQL 入門 (教師モッシュ)
- 1610 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax -- 10 日間の質の高いクラス
- 2451 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 を定義することだけです。