摘要：<style type="text/css"> .float-div { float:left; } .img-wrapper { border:1px solid gray; display:table-cell; height:100px; text-align:center; vertical-align:middle; width:100px; *display:block; } .img-wrapper * { vertical-... 阅读全文

摘要：最近在看《javascript 高级程序》一书，写自己的一些小心得体会，希望得到牛人们的指点，讨论。步入今天的正题，javascript事件处理函数，我们知道，javascript与HTML之间的交互是通过事件来实现的，事件就是用户或浏览器自身执行的某种动作，比如click、mounseover、load……,而响应事件的函数就叫做事件处理函数（或事件侦听器）。HTML代码中的事件处理程序：<input type="button" value="click me" onclick="alert('click me')&qu 阅读全文

摘要：在javascript学习笔记（十）中，我们对表格进行了一些美化，主要是实现隔行换色及鼠标经过时高亮两个功能！这样看起来，感觉已经不错了，用户体验要比之前好多了。在今天的学习笔记中，我们对表格再改进一些，让用户体验再好一些。我们先看下图：图1 会员信息表比如我们现在有图1这样一个表格，在会员组这一列中，需要把相同会员组的排在一起，这样就需要对这个表格进行一些排序的操作。下面我们就来一步一步实现这个需求：基本原理：首先提取会员组这列的值，然后存储在一个数组中，然后利用arrayObject.sort()方法对其排序，排序的结果先保存在一个临时的代码片段中(documentFragment)，最后 阅读全文

摘要：在网页的，表格的布局经常可见，当表格的行数非常多的，很容易引起用户的视觉疲劳，而且容易让用户把相邻两行的数据看错。我们可以通过隔行换色以及高亮的方法的来改善用户体验！如果用css来实现，前台的代码会略显不优雅，比如在奇数行我们需要添加<tr class="odd">这样的代码来实现隔行换色，而且如果是从后台动态输出的网页，这是无法实现的，除非用程序去控制。tr:hover 在ie6下是不支持的。所以还是不能完全满足我们的要求。这里我们可以用javascript来帮我们实现以上需求。主要就是操作DOM。首先看HTML代码： <h1>会员信息表</ 阅读全文