最近タブを使うことが多いので、今後使う場合はコピーして少し変更するだけでいいので簡単に書きました。
最初にレンダリングを見てみましょう:
次にコードがどのように記述されているか見てみましょう:
1. sp ファイル easytab.jsp
コードをコピー コードは次のとおりです:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
文字列パス = request.getContextPath();
StringbasePath = request.getScheme() "://" request.getServerName() ":" request.getServerPort() パス "/";
%>
<頭>
词名句「採菊东篱下、悠然见南山。」晋代诗人陶渊明的《饮酒》
饮酒
结庐在人界,车马争なし。
问君何能力尔?心远地自偏。
採菊东篱下、悠然见南山。
山气日夕佳,飞鸟相与还。
ここには真意、欲望辨すでに忘れています。
作品分析:
「採菊篝下、悠然南山」、これは数千年来の人口の名前です。在篱下取菊,
抬头见山,是那样地怡然自得,那样地超凡脱俗!妙、
说明见人种感,非意図的要求,むしろ不期的遇。
「见」の字も妙妙、「见」は意気のない合言葉、南山の景勝正好と採菊の時悠久自得の心境を映し、合成物我二人
如果用“望”字,便是心中先有南山,才故意去望,成了“有我之境”,就失去一忘却的天真意趣
南山究竟有何何么情景,結果的に人をこのように美呢にするでしょうか?の黄昏の景色の中で、飞鸟伴飞山林、万物自由自在、適性的動態、
正像人摆脱脱界束縛、然悠自在、この人は自然界と人生の真の境を悟る。
「これは」 「この人はこの大自然の飞鸟、南山、夕阳、秋菊の中から何を真意を理解しましたか?
は万物运转、それぞれがその所に得た自然法吗?自足の理想社会的向往吗?これは任意の自然的人生哲理吗?
真っ直ぐで誠実な性格なのでしょうか?詩人はそれを明示的に表現せず、暗黙のうちに読者に考えさせる問題を提起しただけであり、その一方で「自分自身を区別したかったのに、話すことを忘れていた」のです。
前の文「家は人間の環境にあり、馬車や馬の騒音がない」と合わせて理解すると、「本当の意味」は人生の本当の意味として理解できます。つまり、人生は名声や富に執着すべきではなく、他人の汚さによって自分の自然な性質が損なわれてはならず、その代わりに、人は自然に立ち返り、その無限の新鮮さと活力を感謝すべきなのです。
もちろん、この「本当の意味」は、著者がすべてを語ったわけではありませんし、語る必要もありません。これらの 2 つの哲学的な要約は、読者に十分な想像力と無限の余韻を与えます。
コードは次のとおりです:
body { 背景色:#ccc; マージン:40px;
.easytab_area {border:1px ソリッド
背景色:#636d76; 🎜>パディング: 8px;
}
ul.easytabs {
margin:16px 0;
padding:0 0 0 1px;
ul.easytabs li {
リストスタイル: なし;
display:inline;
ul.easytabs li a {
color:#ffebb5; 14px;
テキスト装飾:なし;
フォントファミリー:Verdana、Arial、Sans-serif; :1px ソリッド # 464c54;
ul.easytabs li a:hover {
border-color:#2f343a;
}
ul. easytabs li a. easytab_active {
背景色:#ffffff;
ボーダー:1px ソリッド #464c54;
. easytab_content {
background-color:#ffffff;
height:400px;
3. easytab.js
コードをコピー
コードは次のとおりです:
/**
*
* @param _this クリックされたタブのラベル
* @param content_prefix タブのラベルに対応する p の ID プレフィックス。注: ここでのプレフィックスはすべて同じである必要があります。
* @param active アクティブ化される p の ID の最後の番号。注: ここでの数値は 0 から始まり 1 ずつ増加する必要があります。
*/
function tabSwitch2(_this, content_prefix,active) {
var tabs = document.getElementsByName(_this.name);
varnumber = tabs.length>for (var i=0; i <番号; i ) {
tab.className = "";
document.getElementById(content_prefix i).style.display = 'none'; 🎜>_this.className = " easytab_active";
document.getElementById(content_prefix active).style.display = 'block';
2. ここのタブ タグは、すべてのタブ ページを一度にロードし、どのタブ ページをクリックして表示し、他のタブ ページを非表示にします。実際、タブ ページのすべてのコンテンツを iframe に設定し、その src 値を動的に設定して、クリックに応じてコンテンツを更新できます。