1. 程式人生 > >偶然在網上看到的題目,jQuery功底如何一測便知曉!!!!!!

偶然在網上看到的題目,jQuery功底如何一測便知曉!!!!!!

下劃線 最終 log 設置 html 技術分享 顏色 移動 創建表

筆者最終實現的效果如下:    參考答案下載地址

技術分享

  1. 通過手寫html代碼實現如圖效果:

技術分享

============以下題目全部使用jQuery來做===========

當點擊“加載數據”按鈕時根據提供的數據通過jQuery動態創建表格數據填充該表格。數據見data.txt文件。效果如圖:

技術分享

當點擊“設置樣式與事件”按鈕時實現如下圖效果:

技術分享


效果說明:

a) 設置表頭背景圖片為bg.png,及表頭的文字顏色#055A78.

技術分享

b) 所有單元格中的文字居中顯示.

c) 設置“車次”列為超鏈接,並且默認顏色為黑色,無下劃線,鼠標懸浮時為紅色

技術分享

d) 數據行隔行變色,奇數行為白色,偶數行為#E5F2F8色。

技術分享

e) 當鼠標移動某行上時,鼠標指針為普通樣式,即“箭頭”,並且當鼠標單擊某行時:將當前行的背景色設置為:#9AC2E5,其他行保持本色。

技術分享

偶然在網上看到的題目,jQuery功底如何一測便知曉!!!!!!