js簡易月份表

2021-10-08 07:16:42 字數 2242 閱讀 2603

='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 ...