在JavaScript中，你可以使用DOM（文档对象模型）的click事件来监听网页其他地方的点击事件，然后使用CSS的position属性和top和left属性来改变菜单栏的位置和缩放。以下是一个基本的示例：

```javascript // 获取菜单栏元素 var menuBar = document.getElementById('menuBar');

// 获取链接元素 var links = document.querySelectorAll('.link');

// 定义一个函数来监听点击事件 function handleLinkClick(link) { // 获取链接的父元素 var parent = link.parentNode;

// 如果链接的父元素是菜单栏，则隐藏菜单栏 if (parent.tagName === 'menuBar') { menuBar.style.display = 'none'; }

// 改变链接的定位和缩放 parent.style.position = 'absolute'; parent.style.top = link.offsetTop + 'px'; parent.style.left = link.offsetLeft + 'px'; }

// 遍历链接元素 links.forEach(function(link) { // 添加点击事件监听器 link.addEventListener('click', handleLinkClick, false); }); ```

在这个示例中，我们首先获取了网页中包含菜单栏的menuBar元素和所有的链接元素。然后，我们定义了一个名为handleLinkClick的函数，该函数接受一个链接元素作为参数。在函数内部，我们首先获取链接的父元素，然后检查其是否为菜单栏。如果是菜单栏，我们就隐藏菜单栏。然后，我们使用CSS的position属性和top和left属性来改变链接的定位和缩放，使其位于菜单栏下方并居中。

最后，我们遍历所有的链接元素，并为每个链接添加一个点击事件监听器。当链接被点击时，handleLinkClick函数将被调用，从而触发菜单栏的隐藏和缩放。

请注意，这只是一个基本的示例，实际应用中可能需要根据你的具体需求和网页结构进行调整。例如，你可能需要处理一些特殊情况，例如当点击的链接不是链接元素本身时，或者当用户使用悬停菜单栏的元素时。此外，为了兼容不同浏览器和版本，你可能需要使用classList属性或querySelector方法来查找和操作链接元素，而不是使用CSS选择器。