码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-06-03 12:41:10      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:nbsp   奇数   单元   str   单击   log   img   创建表   参考答案   

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

技术分享

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

技术分享

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

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

技术分享

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

技术分享


效果说明:

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

技术分享

 

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

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

技术分享

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

技术分享

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

技术分享

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

标签:nbsp   奇数   单元   str   单击   log   img   创建表   参考答案   

原文地址:http://www.cnblogs.com/zhaolizhe/p/6936670.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!