最初にコードを投稿してください
<スクリプトタイプ="text/javascript">
var msg=[「あなたはとても素晴らしいです」、「あなたはとても美しいです」、「食事の時間です」];
$(document).ready(function(){
$("#tijiao").click(function(){
$("#p1").html(msg[Math.floor(Math.random() * msg.length)]);
});
});
このコードは JQ の文をランダムに表示するボタンの機能です
要点は
$("#p1").html(msg[Math.floor(Math.random() * msg.length)]);
この文は上記です。
それでは、次のコード
<スクリプト言語="javascript" タイプ="text/javascript">
$(
function() {
$(".content1 ul:gt(0)").hide();
$(".tab li:first").addClass("active");
$(".tab li").css("cursor", "pointer");
$(".tab li").hover(
function(){
$(this).addClass("active").siblings().removeClass("active");
$(".content1 li").eq($(this).index()).siblings().hide().end().show();
)
}
);
スクリプト>
これは タブ切り替え効果です
重要なポイントは
タブ tab の div ブロック内: float は 1 行に複数の
を表示します。
以下の対応する contentdiv ブロック内: 複数の div、
最初の表示: ブロック。残りは何もありません。
上部および下部の div ブロック内の要素の数と順序は一貫している必要があります。
後で
をクリックしてください。
対応するアイデアに対応するだけ!
今日はまず 2 つの jQuery 特殊効果を紹介します。今後、他の特殊効果も少しずつ紹介していきます。