ホームページ >ウェブフロントエンド >htmlチュートリアル >フロントエンド初心者による jQuery の実践体験。最初の読み込み時に価格が重複し、その後 better_html/css_WEB-ITnose が表示されるのはなぜですか。
;Dangdang - オンライン ショッピング モール: 本、ママとベビー、美容、家具、デジタル、家電、衣類、靴、バッグなど、正規品を低価格で販売し、代金引換スタイル＆gt; body、li、img、ol、li、p、dl、
🎜>なし;
テキスト装飾: なし;
フォント サイズ: "Microsoft Ya Black";
}
a: link,a:visited{
color: #4e4e4e;
} a:hover,a:active{
color: #ff2832;
}
#content {
width: 1200px ;
高さ: 492px;
/*枠線: 1px ソリッドシルバー;*/
/*ボーダー: auto;
オーバーフロー:
}
#content .tab_l{
幅: 972px; 🎜> float: left;
.title{
幅: 100%;
行の高さ: 34 ピクセル; ボーダー下: 2 ピクセルの実線 #ff2832; float: left;
margin-left: 5px;
margin-top: 13px; > 浮動小数点: 右;
}
ul.tab_sel li{
幅: 12px;
高さ: 12px; 境界半径: 50%;
背景色: 薄灰色;
float: 左;
margin-right: 5px;
}
.tab_lframe{
高さ: 456px;
幅: 972px;
位置: 相対。
}
.tab_lContent{
高さ: 456px;
border-left: 1px solid #e6e6e6;
位置: 絶対。
}
.tabl_imgs {
高さ: 150px;
クリア: 両方;
パディング: 10px 21.6px;
}
.tabl_imgs {
幅: 150px;
高さ: 150px;
}
.product {
高さ: 227px;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
float: 左;
位置: 相対。
}
.product p.price{
text-align: left;
text-indent: 10px;
色: #ff2832;
font-size: 1.3em;
}
ul li.hover{
背景色: #ff2832;
}
上記は画像であり、上記のコードには これは、jquery が実行する前にドキュメントがロードされるのを待つため、ドキュメント内に要素を設定しないと、デフォルトで要素が表示されます。 ロード時に非表示にできる display:none を試しました。
