JS を使用してブログディレクトリを生成し、CSS を使用してブログをカスタマイズする-jsチュートリアル-php.cn

JS を使用してブログディレクトリを生成し、CSS を使用してブログをカスタマイズする

PHPz

リリース： 2018-10-13 17:15:49

オリジナル

1588 人が閲覧しました

この記事の例では、JS を使用してブログのディレクトリを生成し、CSS を使用してブログをカスタマイズする方法を紹介します。具体的な内容は次のとおりです。

よろしければ。ディレクトリを生成するには、JS で権限を変更する必要があると多くの人が言います。設定ページに直接アクセスし、以下の連絡先メールアドレスを見つけて直接送信してください。スタッフがすぐに返信します。

許可を得た後、コンパイル(検索)して記述(検索)したJSコードをフッターHTMLコードのボックスに配置し、保存をクリックします。目次によって生成される見出しのレベルに注意を払うことが非常に重要です。 JS コードは次のとおりで、基本的にはオリジナルの作成者の記述方法をコピーしており、それぞれ h2 と h3 というセカンダリディレクトリを生成できます。

要約すると、このディレクトリには次のような特徴があり、これはこの記事でも見ることができます (このブログ投稿では 2 番目のディレクトリは使用されていません)。

1) ブログ投稿の先頭に 2 つのレベルのディレクトリを生成できます。
2) 各第 1 レベルのディレクトリの上に上部に戻るリンクがあります

JSコードは以下の通りです。

0)
 {
  var content = &#39;&#39;;
  content += &#39;&#39;;
  content += &#39;目录&#39;;
  content += &#39;&#39;;
  for(var i=0; i回到顶部&#39;;
   $(h2_list[i]).before(go_to_top);
   
   var h3_list = $(h2_list[i]).nextAll("h3");
   var li3_content = &#39;&#39;;
   for(var j=0; j&#39;;
    $(h3_list[j]).before(li3_anchor);
    li3_content += &#39;&#39; + $(h3_list[j]).text() + &#39;&#39;;
   }
   
   var li2_content = &#39;&#39;;
   if(li3_content.length > 0)
    li2_content = &#39;&#39; + $(h2_list[i]).text() + &#39;&#39; + li3_content + &#39;&#39;;
   else
    li2_content = &#39;&#39; + $(h2_list[i]).text() + &#39;&#39;;
   content += li2_content;
  }
if($(&#39;#cnblogs_post_body&#39;).length != 0 )
  {
   $($(&#39;#cnblogs_post_body&#39;)[0]).prepend(content);
  }
 } 
}
GenerateContentList();
" _ue_custom_node_="true">

ログイン後にコピー

[関連チュートリアルの推奨事項]

1. JavaScript ビデオチュートリアル
2. JavaScript オンラインマニュアル
3. ブートストラップチュートリアル