1
ragnaroks 2022-02-15 20:10:05 +08:00
不考虑样式表,这是一个倒过来的"Tree"
|
2
PainAndLove OP @ragnaroks 好像不是,tree 的话,节点 ID 是不能重复的,但是上面的某个队伍可以同时出现在上下。
|
3
ragnaroks 2022-02-15 20:24:59 +08:00
@PainAndLove 节点 id 和队伍无关,或者说都不需要所谓 id ,多级数组就行了
|
4
LeeReamond 2022-02-15 23:05:20 +08:00
你确定是纯 css 实现的吗,那倒是相当高级了感觉。。
|
5
w88975 2022-02-15 23:41:06 +08:00
鼠标 hover 到某个节点,寻找这个 team-**** 的 ID ,把所有该 ID 加上高亮不就搞定了吗
|
6
w88975 2022-02-15 23:42:22 +08:00
例如: $('.team-3522').addClass('team-match-hover')
|
7
Vegetable 2022-02-16 00:03:49 +08:00 1
|
8
lslqtz 2022-02-16 06:22:35 +08:00
js 实现的话挺简单,都不需要 id ,相同颜色就可以
|
9
myl0204 2022-02-16 09:19:09 +08:00
恭喜雪碧
|
10
guoziq09 2022-02-16 10:03:59 +08:00
为啥不 ban 猛犸?
|
11
lisongeee 2022-02-16 10:19:44 +08:00
hover 的时候路线可以变成移动的虚线
|
12
wednesdayco 2022-02-16 11:34:10 +08:00
这 js 实现的
J_bracketArea.on('mouseover', '.matchteam', function (e) { var _self = $(this) _classString = _self.attr('class') _class = _classString.split(' ') if (_self.hasClass('team-')) { return } for (var i = 0; i < _class.length; i++) { var Is_team = _class[i].indexOf('team-') if (Is_team === 0) { var team_van = _class[i], all_team_van = $('.' + team_van), all_team_line_van = $('.line' + team_van) all_team_van.addClass('team-match-hover') all_team_line_van.addClass('linematch') console.log(all_team_line_van) stack = stack.add(all_team_van) linestack = linestack.add(all_team_line_van) } $('.team-match-hover').parent().parent().css(moveTop) } }).on('mouseout', '.matchteam', function (e) { $('.team-match-hover').parent().parent().css(moveNoraml) stack.removeClass('team-match-hover') linestack.removeClass('linematch') stack = $() linestack = $() }) |