gpt4 book ai didi

jquery - 我将如何制作这样一个基于 Jquery/css 的表格?

转载 作者:太空宇宙 更新时间:2023-11-04 16:31:08 25 4
gpt4 key购买 nike

alt text

我希望它在我滚动行时淡入和淡出动画。该行应该看起来像一个包含内容面板的行,就好像内容面板和行合并了一样。希望大家理解。

最佳答案

我认为这主要是你想要的

CSS:将页面分成两部分,一个表格和一个详细信息部分(或您所说的内容面板)

#tableView
{
float: left;
width: 50%;
}

#detailsView
{
float: left;
width: 50%;
}

Javascript:

$(document).ready(function(){
$("#tableView tr").mouseenter(function() {
var detail = $(this).html(); // or whatever you want to show in content pane
$("#detailsView").html(detail).fadeIn("slow");
}).mouseout(function() {
$("#detailsView").fadeOut("slow");
});
});

HTML:

</html>
<body>
<div id="tableView">
<table>
Your table goes here …
</table>
</div>

<div id="detailsView">

</div>
</body>
</html>

关于jquery - 我将如何制作这样一个基于 Jquery/css 的表格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4591741/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com