下面的脚本做了什么
我有一个页面,当我将鼠标悬停在链接上时,它会更改页面另一部分上的图像和一些 html。但是,我想知道这个脚本是如何工作的,以及当我查看页面顶部的脚本时:
<script type="text/javascript">
var CONTENT_CURRENT = 0;
showContent = function() {
if (CONTENT_CURRENT > 0) {
var o = YAHOO.util.Dom.get('content' + CONTENT_CURRENT);
o.style.display = 'none';
var a = YAHOO.util.Dom.get('link' + CONTENT_CURRENT);
a.style.color = '#46689e';
}
var c = YAHOO.util.Dom.get('content' + arguments[0]);
c.style.display = 'block';
var l = YAHOO.util.Dom.get('link' + arguments[0]);
l.style.color = '#000000';
CONTENT_CURRENT = arguments[0];
};
YAHOO.util.Event.onDOMReady(function() { showContent('1'); });
</script>
这个脚本如何设置页面上的元素?实际页面位于:
在“流媒体软件产品”标题下...
I have a page and when I mouse over the links it changes an image and some html on another portion of the page. However Im wondering how this script works and when I look at the script at the top of the page:
<script type="text/javascript">
var CONTENT_CURRENT = 0;
showContent = function() {
if (CONTENT_CURRENT > 0) {
var o = YAHOO.util.Dom.get('content' + CONTENT_CURRENT);
o.style.display = 'none';
var a = YAHOO.util.Dom.get('link' + CONTENT_CURRENT);
a.style.color = '#46689e';
}
var c = YAHOO.util.Dom.get('content' + arguments[0]);
c.style.display = 'block';
var l = YAHOO.util.Dom.get('link' + arguments[0]);
l.style.color = '#000000';
CONTENT_CURRENT = arguments[0];
};
YAHOO.util.Event.onDOMReady(function() { showContent('1'); });
</script>
How is this script setting the an element on the page? The actual page is at:
Under the title 'Streaming Software Products'...
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您需要查看另一个代码块才能理解此代码。
这里列表中的每个链接都以索引作为参数调用 showContent。下面有一堆像这样的 div:
该 div 的 ID 是“content1”。所以 showContent 函数做了三件事:
可见,使其隐藏
(display=none)
可见的。
指数。
这会导致链接右侧的内容在鼠标悬停时发生变化。
There is another code block you need to look at to understand this code
Here each link in the list calls showContent with an index as the argument. There are a bunch of divs below like this one:
That div's ID is "content1". So the showContent function does three things:
visible, make it hidden
(display=none)
visible.
index.
This cause the content to the right of the links to change on mouse over.
YAHOO.util.Dom.get()
的工作方式类似于document.getElementById()
YAHOO.util.Dom.get()
works likedocument.getElementById()