首页 > 代码库 > select自定义箭头问题 。。。和一行内不同颜色的整体鼠标滑过变色
select自定义箭头问题 。。。和一行内不同颜色的整体鼠标滑过变色
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‘);
})
select自定义箭头问题 。。。和一行内不同颜色的整体鼠标滑过变色
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。