='ul1'
>
='a'
>
jan<
/h4>
一月<
/span>
<
/li>
='a'
>
feb<
/h4>
二月<
/span>
<
/li>
='a'
>
mar<
/h4>
三月<
/span>
<
/li>
='a'
>
apr<
/h4>
四月<
/span>
<
/li>
='a'
>
may<
/h4>
五月<
/span>
<
/li>
='a'
>
jun<
/h4>
六月<
/span>
<
/li>
='a'
>
jul<
/h4>
七月<
/span>
<
/li>
='a'
>
aug<
/h4>
八月<
/span>
<
/li>
='a'
>
sep<
/h4>
九月<
/span>
<
/li>
='a'
>
oct<
/h4>
十月<
/span>
<
/li>
='a'
>
nov<
/h4>
十一月<
/span>
<
/li>
='a'
>
dec<
/h4>
十二月<
/span>
<
/li>
<
/ul>
='ul2'
>
一月首陽,猶有寒霜,唯有梅花獨綻花香<
/li>
二月花潮,初露嫩草,經冬果樹初發新桃<
/li>
三月鶯時,盎然春意,暖風攜香沁人心脾<
/li>
四月槐序,春風化雨,景色明媚使人心愉<
/li>
五月鳴蜩,不覺聒噪,居高聲遠增添熱鬧<
/li>
六月溽暑,漫遊蓮湖,倏爾風來炎熱消除<
/li>
七月蘭秋,菱花嬌羞,清溪波動娟好靜秀<
/li>
八月桂秋,桂花落雨,滿庭飄香心怡幾許<
/li>
九月菊序,微涼秋雨,芙蓉出水亭亭清毓<
/li>
十月飛陰,木葉落影,秋風乍起片片相迎<
/li>
十一月龍潛,秋季走遠,初冬新臨涼意寒<
/li>
十二月清祀,深冬已至,銀裝素裹雪紛飛<
/li>
<
/ul>
var ul3 = document.
queryselectorall
('.ul1 li'
)var ul4 = document.
queryselectorall
('.ul2 li'
)for
(var i =
0; i < ul3.length; i++
)this
.classname +=
' active'
;var m =
this
.getattribute
('index');
ul4[m]
.classname =
'show'}}
// queryselectorall() 方法返回文件中匹配指定 css 選擇器的所有元素,返回 nodelist 物件。
// setattribute() 方法新增指定的屬性,並為其賦指定的值。
// getattribute() 方法返回指定屬性名的屬性值。
<
/script>
js簡易日曆
該功能最終實現的結果如下圖所示 程式實現思路 1 使用for,實現滑鼠懸浮中英文切換 2 底部文字切換,使用tab選項卡思路,動態陣列獲取文字 3 底部文字的切換使用innerhtml 注意以下幾點 1 頁面布局,注意active狀態是在li上新增,jan fer2 字串的拼接 例如 abg 12 ...
js簡易日曆
js簡易日曆中設計的知識點 選項卡切換 陣列 innerhtml 連線符 與選項卡的區別 div的個數不同 連線符中需要注意的 優先順序 abc 12 3 def 結果 abc123def abc 12 3 def 結果 abc15def html body div class contain ul...
月份 星期表(縮寫)
月份的英文縮寫如下 1 1月份 全名 january 縮寫 jan.2 2月份 全名 february 縮寫 feb.3 3月份 全名 march 縮寫 mar.4 4月份 全名 april 縮寫 apr.5 5月份 全名 may 縮寫 may 無縮寫 6 6月份 全名 june 縮寫 jun.7 ...