鼠标经过表格行时,显示变色、字体放大效果 jquery
2011-07-29 10:03
721 查看
方法1:
<script type="text/javascript">
$("#table_tr tr").mousemove(function() {
$(this).css("backgroundColor", "#E6E6FA");
$(this).css("fontWeight", "bolder");
});
$("#table_tr tr").mouseout(function() {
$(this).css("backgroundColor", "#FFFFFF");
$(this).css("fontWeight", "normal");
});
</script>
方法2:
<script type="text/javascript">
$("#table_tr tr").hover(
function () { $(this).css({'background-color' : '#E6E6FA', 'font-weight' : 'bolder'});},
function () { $(this).css({'background-color' : '#FFFFFF','font-weight' : 'normal'});}
);
</script>
方法3:(速度最快)
<tr onmouseover="this.style.backgroundColor='#E6E6FA';this.style.fontWeight='bolder';"
onmouseout="this.style.backgroundColor='#FFFFFF';this.style.fontWeight='normal';">
<script type="text/javascript">
$("#table_tr tr").mousemove(function() {
$(this).css("backgroundColor", "#E6E6FA");
$(this).css("fontWeight", "bolder");
});
$("#table_tr tr").mouseout(function() {
$(this).css("backgroundColor", "#FFFFFF");
$(this).css("fontWeight", "normal");
});
</script>
方法2:
<script type="text/javascript">
$("#table_tr tr").hover(
function () { $(this).css({'background-color' : '#E6E6FA', 'font-weight' : 'bolder'});},
function () { $(this).css({'background-color' : '#FFFFFF','font-weight' : 'normal'});}
);
</script>
方法3:(速度最快)
<tr onmouseover="this.style.backgroundColor='#E6E6FA';this.style.fontWeight='bolder';"
onmouseout="this.style.backgroundColor='#FFFFFF';this.style.fontWeight='normal';">
相关文章推荐
- JQuery实现表格隔行变色,鼠标经过的行放大显示
- jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
- jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
- css控制表格样式 鼠标经过变色效果
- jquery导航制件jquery鼠标经过变色效果示例
- jQuery-鼠标经过显示大图并跟随鼠标效果插件
- jquery图片放大效果,鼠标经过图片时局部放大,类似京东图片放大镜效果
- jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码
- jQuery-鼠标经过显示大图并跟随鼠标效果插件
- 分享一个jquery插件:实现类似淘宝上鼠标经过图片右侧显示大图的效果
- jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
- jQuery实现HTML表格隔行变色及鼠标悬停变色效果
- jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
- jquery插件之表格隔行变色并鼠标滑过高亮显示
- 简单的jQuery实现表格隔行变色以及鼠标划上突出显示
- jQuery表格隔行变色,鼠标经过变色
- jquery导航制件jquery鼠标经过变色效果示例
- jQuery实现table表格隔行换色鼠标经过变色
- jQuery鼠标经过放大动画效果