一、图片列表排版、行与行之间的背景色分隔
图片列表排版经常用到margin-right来定义左右图片之间的间距,如果想完成%占满是不可能的。所以需要单独定放最右边的图片元素margin-right:0px;那么需要用到CSS的元素选择器CSS3:nth-child()选择器
亲自试一试-实例
实例1
Odd和even是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是1)。应用于文字列表行与行之间以背景色分隔非常实用。
在这里,我们为奇数和偶数p元素指定两种不同的背景色:
td:nth-child(odd)
{
background:#ff;
}
td:nth-child(even)
{
background:#ff;
}
实例2
使用公式(an+b)。描述:表示周期的长度,n是计数器(从0开始),b是偏移值。
在这里,我们指定了下标是3的倍数的所有p元素的背景色:
li:nth-child(3n+0)/*定义第3、6、9、12等最后一列的元素边距*/
{
margin-right:0px;
}
二、AJAX无刷新调用
其用途多样化,只要你想得到,AJAX就能做得到。
例如:
读取各个业务员的客户资料;如果页面开始加载时就加载所有的客户资料,页面运行起来就会非常慢。我们可以只加载业务员信息,通过选择业务员对显示对应的客户资料。
scripttype=text/javascript
functionshowCustomer(str)
{
varxml