2 self_jquery が作成した jQuery 特殊効果の共有

WBOY
リリース: 2016-05-16 16:12:58
オリジナル
974 人が閲覧しました

最初にコードを投稿してください

コードをコピーします コードは次のとおりです:

<スクリプトタイプ="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 特殊効果を紹介します。今後、他の特殊効果も少しずつ紹介していきます。

  • 関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート