如何从前端从页面上的特定元素中拉取 Javascript

Question

所以我发现了一个非常酷的 Web 结构，我想在 http://www.nextendweb.com/demo/smartslider2/ 上的一个网站中实施。 设置齿轮箱会随着用户向下滚动页面而旋转。

这是使用 Transform: Matrix 函数完成的。我会 post 元素的代码块，但我似乎无法找到它背后的 JS。这不是我的网站，所以我显然只能访问前端。

HTML

<div class="cog cog2" style="transform: matrix(-0.68823, 0.72548, -0.72548, -0.68823, 0, 0);"></div>

CSS

#technicaldetails .cog {
background: url(images/bigcog.png) no-repeat 0 0;
width: 502px;
height: 476px;
position: absolute;

}

如果您在网页上找不到相关元素，则该元素位于 ID 为 cog1 和 cog2 的 div 中。

谁能指导我从前端找到这个元素背后的JS？我尝试检查和查看来源...

Answer 1

有 js，html 和一个代码笔示例

Answer 2

该网站使用 http://www.greensock.com 中名为 "TweenMax" 的 JavaScript 插件，这是其 "GreenSock Animation Platform (GSAP)" 产品的一部分。

用法很简单。例如：

TweenMax.to("#technicaldetails .cog2",1,{rotation:"-=20"});

Answer 3

当我想在站点中查找行为或样式时，我所做的是在所有 javascript 和 CSS 中查找 ID 或 class 名称。在这种情况下，您可以发现 .cog class 正在 scripts.js 文件中使用，其中他们使用 TweenMax 插件来更新齿轮的旋转。也检查那个插件。

How to pull Javascript from a specific element on a page from the front end