首页 > 代码库 > 偶然在网上看到的题目,jQuery功底如何一测便知晓!!!!!!

偶然在网上看到的题目,jQuery功底如何一测便知晓!!!!!!

笔者最终实现的效果如下:    参考答案下载地址

技术分享

  1. 通过手写html代码实现如图效果:

技术分享

============以下题目全部使用jQuery来做===========

当点击“加载数据”按钮时根据提供的数据通过jQuery动态创建表格数据填充该表格。数据见data.txt文件。效果如图:

技术分享

当点击“设置样式与事件”按钮时实现如下图效果:

技术分享


效果说明:

a)         设置表头背景图片为bg.png,及表头的文字颜色#055A78.

技术分享

 

b)        所有单元格中的文字居中显示.

c)         设置“车次”列为超链接,并且默认颜色为黑色,无下划线,鼠标悬浮时为红色

技术分享

d)        数据行隔行变色,奇数行为白色,偶数行为#E5F2F8色。

技术分享

e)         当鼠标移动某行上时,鼠标指针为普通样式,即“箭头”,并且当鼠标单击某行时:将当前行的背景色设置为:#9AC2E5,其他行保持本色。

技术分享

偶然在网上看到的题目,jQuery功底如何一测便知晓!!!!!!