![[求助] python 如何爬取 网页上调用JS函数打开的视频链接](/aiimages/%5B%E6%B1%82%E5%8A%A9%5D+python+%E5%A6%82%E4%BD%95%E7%88%AC%E5%8F%96+%E7%BD%91%E9%A1%B5%E4%B8%8A%E8%B0%83%E7%94%A8JS%E5%87%BD%E6%95%B0%E6%89%93%E5%BC%80%E7%9A%84%E8%A7%86%E9%A2%91%E9%93%BE%E6%8E%A5.png)
Cytoscape.js 为了性能，在个性化样式定制上，没有给出开箱即用的法子。
例如，想实现下面这样的效果图，G6有动画支持，而 Cytoscape.js 却没有。
如果确定要用Cytoscape.js ，该怎么实现这个效果呢？
当然，最直接的办法是用canvas动画来处理，但我暂时没精力研究canvas。
我想到了之前用过一个Canvas绘图库，里面提供了飞线图，正是我想要的效果。
能不能把二者结合呢？当然可以， 用Cytoscape.js 绘制静态节点，用DataV绘制动画 不就可以了嘛。
顺着这个思路，以很小的学习成本就实现了开头的那个demo。
灵活的组合使用工具，也是一门技术。
1、首先我们来看一下效果图，横向下拉菜单。
2、接下来我们看一下w3c的菜单，和小编的菜单对比一下。两者内容相同，但w3c的菜单不支持下拉，缺乏动态效果，显得死板。选中效果也不明显。不过他的网页是框架式结构，菜单相对来说还是导向性很明确的。而且将信息分成几大块，每大块有分为几小块，这样的排版很整齐，也简洁。
3、代码分析，这是代码中唯一的一点js，作用是更改下面菜单的class，配合样式表（CSS）可以达到动态效果，比如下拉菜单的下拉功能、选中显示，都是这样做到的。可以说，整个菜单主要部分都是DIV+CSS。而不是JS
4、这是所有的css部分，通过css的继承属性，来让代码达到利用率最大化。通过子类覆盖父类的属性，来让总属性利用率增加，但缺点是代码结构模糊，对新手来说难度较大。
5、接下来是HTML，这里给出两段结构，也就是两列下拉菜单，其他的格式是一样的，就不在全部截图了。链接我涂掉了，百度经验不让带链接。菜单链接你做的肯定跟我不一样，看链接也没用。如图，那个id：nav十分重要，不能丢！！它相当于整个div容器，虽然标签不是div，但思想一样。
6、最后再来看一下效果图吧！
