1.select自定义箭头问题
用<select><option></option></select>的时候自带的三角箭头与需要的三角不同,这是还要求有select的背景。
background: #536479 url("../images/sel.png") no-repeat 79px; 既有了背景颜色,又有了自定义的三角箭头。 2. 在一行内不同颜色区域鼠标滑过的时候实现整体颜色变化。 如图所示
在tr一行中姓名一列的背景色与其他的背景色不同,要求鼠标滑过的时候tr整行变色,
html代码如下:
<tr class="user-li"> <td><img></td> <td>admin</td> <td class="user-name-color">admin</td> <td>郑州大学</td> <td>空乘</td> <td>2016</td> <td>1</td> <td>11</td> </tr>若直接写整行变色,则姓名一行不会有变化,若分别添上tr整行和姓名一行,滑过变色的时候姓名一行和其他的更改颜色会有时间间隔。jq代码如下:
// 悬停点击状态$(‘.user-name-color‘).addClass(‘user-name‘);$(‘.user-li‘).hover(function (){ $(‘.user-li‘).eq($(this).index()).addClass(‘user-li-hover‘); $(‘.user-name-color‘).removeClass(‘user-name‘);},function() { $(‘.user-li‘).eq($(this).index()).removeClass(‘user-li-hover‘); $(‘.user-name-color‘).addClass(‘user-name‘);})
时间: 2024-08-04 22:43:54