HTMLコード: <a onclick="goMessage();" style="width: 60px;height: 100%;color: white;background: transparent;" href="#" class="easyui-linkbutton" data-options="iconCls:'fa fa-bell-o fa-2x',size:'large',iconAlign:'top'">メッセージ<span id="msgNum" class="ii">4</span></a> CSSコード: /*コーナーマーク*/ .ii{ 表示: なし; 背景: #f00; 境界線の半径: 50%; 幅: 20px; 高さ: 20px; 上: 5px; 右: 0px; 位置: 絶対; テキスト配置: 中央; 色: #FFF; zインデックス: 99999; } jsコード: 関数ajaxa(){ $.ajax({ タイプ:"POST", データ型: "json", 非同期: false、 url: "${pageContext.request.contextPath}/docinf/sendInform/lookForMsgNum.do", データ : {}、 成功: function(data){ if(データ!= null){ if(parseInt(データ)>10){ $("#msgNum").表示(); $("#msgNum").text(parseInt(データ)); }そうでない場合(parseInt(データ)> 0){ $("#msgNum").表示(); $("#msgNum").text(parseInt(データ)); }それ以外{ $("#msgNum").hide(); } } }, エラー:関数(){ } }); } 結果: 上記は、エディターが紹介したHTMLのメッセージボタンに数量添え字を追加するための実装コードです。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。エディターがすぐに返信します。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。 |
<<: 特定の MySQL テーブルの完全データと増分データをメッセージ キューに同期する - ソリューション
>>: スクロール時に選択領域のフォント色を暗くするために CSS を使用するサンプルコード
序文最近、4 年間実行されている Java EE Web プロジェクトでは、システムが開けないという...
docker における実行と開始の違いDocker run はミラーイメージを指定します。そしてdo...
・【シーン説明】 HTTP1.1 以降、HTTP プロトコルは永続的な接続 (長い接続とも呼ばれます...
最近、次のような効果を達成する必要がある最初は、CSS3D回転を使用して記述すると、次の効果しか得ら...
JBoss は Tomcat を Web コンテナとして使用するため、JBoss の Web コンテ...
目次1. アニメーション機能の原理2. アニメーション関数のシンプルなカプセル化3. アニメーション...
目次1. この Web サイトには SQL インジェクションの脆弱性がある可能性があることが判明しま...
目次アイデア傍受を要求するレスポンスインターセプションhttpClient.tsを使用してリクエスト...
序文正直に言うと、最近とても混乱していると感じています。テクノロジーと人生について。また、将来の発展...
1. インストールパッケージMYSQLサービスダウンロードアドレス:MySQL公式サイトからダウンロ...
少し前に、製品バージョンをテスト用にテスターに提出したのですが、テスト結果はまったく予想外のもの...
Vue では、一般的にフロントエンドとバックエンドを分離したプロジェクトがあり、データ操作を実装する...
<br />このシリーズの最初のセクションでは、Web サイトのパフォーマンスを向上させ...
背景プロジェクトにはメニューノードのすべてのノードをチェックする要件があります。オンラインでチェック...
1. 公式ウェブサイトからMySQLをダウンロードします。 これが私たちが探しているものです、win...