怎么用js、jq实现鼠标滑过tr,增加删除 *** 作?

怎么用js、jq实现鼠标滑过tr,增加删除 *** 作?,第1张

这个效果可以不用js,直接用css伪类就行

tr:hover{background:#F7F2C8}

tr .show{display:none}

tr .shwo:hover{display:block}

.show就是移动、编辑、删除的那个容器

以前在项目中做过,用 js 弄的,可以使用。

鼠标移到表格某一行上方的时候,该行改变成浅黄色,其它保持(白色)不变,

鼠标点击某一行时,该行变成浅绿色,其它行不变。

代码贴出来给你参考一下,你可以copy 过去试一下:

<!--- 给表格的 <tr>标签添加 onclik, onmouseover, onmouseout 三个事件,分别调用三个自定义函数,用于改变行颜色,三个函数在后面定义 ------->

<tr onclick=tr_click(this) onmouseover=tr_bgcolor(this) onmouseout=tr_bgcolor_clear(this)>

<script type="text/javascript">

var lastTr=null//定义表格行对象变量,下面几个函数要用到

//onmouseover后,给表格行添加背景色

function tr_bgcolor(tablerow)

{

if(lastTr)

{

if(tablerow.rowIndex!=lastTr.rowIndex)

tablerow.style.backgroundColor="#FFFF66"

}

else

{

tablerow.style.backgroundColor="#FFFF66"

}

}

//onmouseout后,去除表格行背景色

function tr_bgcolor_clear(tablerow)

{

if(lastTr)

{

if(tablerow.rowIndex!=lastTr.rowIndex)

tablerow.style.backgroundColor=""

}

else

{

tablerow.style.backgroundColor=""

}

}

//onclick 后,改变表格行背景色

function tr_click(tablerow)

{

if(lastTr)

{

lastTr.style.backgroundColor="" //如果存在上一行,则将上一行的颜色清空

}

tablerow.style.backgroundColor="#AAFFAA"

lastTr=tablerow

}

</script>

1、跳格。当我们在网页输入表单的时候,在一个输入控件完成内容输入后,如果要转移到下一个控件进行输入时,可以选择使用鼠标进行光标的移动选择和点击,使得光标停在我们输入框中,以便进行内容的输入。如果不使用鼠标的话,可以点击使用Tab键,来实现光标在页面上所有可输入控件间的依次跳转,对于喜欢使用快捷键来加快 *** 作的电脑使用者而言,挺方便的。

2、重命名。当我们需要将一个文件夹下的多个文件进行重命名 *** 作的时候,我们可以先在完成第一个需要重命名的文件改名之后,改下Tab键,即可依次跳转到下一个文件的重命名状态。也是一种很方便的快捷 *** 作方式。

3、切换窗口。使用Alt+Tab组合快捷键,能够实现当前多个窗口的依次切换。按住Alt键,依次点击Tab键,即可实现依次切换功能。如果要反向顺序选择的话,可以使用Alt+Shift+Tab的组合键,按住Alt+Shift,然后再依次点击Tab键。

4、快速查看文件。在cmd命令窗口,当进入一个磁盘路径后,可以输入“dir ”,然后点击Tab键,那么就依次显示出在该磁盘路径下的各种类型的所有文件或者文件夹内容。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11682120.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存