请问这个外国工作室的菜单效果用什么语句实现的?

[leisen]

具体网址是:http://www.shockmedia.com.au

[leisen]

有代码不

[虚拟过客]

瞧瞧

[bbsad]

<SCRIPT type=text/javascript>
//<![CDATA[
function addLoadEvent(func) {
var oldonload = window.onload;
if(typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}

function loadMenu() {
var menu2 = new slideMenu("menu2",6);
var menu3 = new slideMenu("menu3",4);
var menu4 = new slideMenu("menu4",5);
var menu5 = new slideMenu("menu5",5);
}
addLoadEvent(loadMenu);
//addLoadEvent(externalLink);
slideMenu.lineHeight = 24;
//]]>
</SCRIPT>
在你的页面包含这个放在head跟body之间

[bbsad]

建立一个js文件
slideMenu.Registry = [];

function slideMenu(id,numLines) {
slideMenu.Registry[id] = [];
slideMenu.Registry[id]['height'] = 1;
slideMenu.Registry[id]['containerObj'] = document.getElementById(id+"Container");
slideMenu.Registry[id]['contentObj'] = document.getElementById(id+"Content");
//slideMenu.Registry[id]['maxHeight'] = new Number((numLines * slideMenu.lineHeight) + 2);
slideMenu.Registry[id]['maxHeight'] = (slideMenu.Registry[id]['containerObj'].scrollHeight * numLines) - (numLines - 1);
slideMenu.Registry[id]['interval'] = null;
slideMenu.Registry[id]['timeout'] = null;

slideMenu.Registry[id]['contentObj'].style.height = '1px';

// slide down events
slideMenu.Registry[id]['containerObj'].onmouseover = function() { slideMenu.showMenu(id); }
slideMenu.Registry[id]['containerObj'].onfocus = function() { slideMenu.showMenu(id); }

// slide up events
slideMenu.Registry[id]['containerObj'].onmouseout = function() { slideMenu.hideMenu(id); }
slideMenu.Registry[id]['containerObj'].onblur = function() { slideMenu.hideMenu(id); }
}

slideMenu.showMenu = function(id) {
clearInterval(slideMenu.Registry[id]['interval']);

slideMenu.Registry[id]['contentObj'].style.display = 'block';
slideMenu.Registry[id]['contentObj'].style.zIndex += 10;

slideMenu.Registry[id]['interval'] = window.setInterval("slideMenu.slideDown('"+id+"')",1);
}

slideMenu.hideMenu = function(id) {
clearInterval(slideMenu.Registry[id]['interval']);

slideMenu.Registry[id]['contentObj'].style.zIndex = 10;
slideMenu.Registry[id]['interval'] = window.setInterval("slideMenu.slideUp('"+id+"')",1);
}

slideMenu.slideDown = function(id) {
for(var i=0;i<15;i++) {
if(slideMenu.Registry[id]['height'] >= slideMenu.Registry[id]['maxHeight']) {
clearInterval(slideMenu.Registry[id]['interval']);
} else {
slideMenu.Registry[id]['contentObj'].style.height = slideMenu.Registry[id]['height']+'px';
slideMenu.Registry[id]['height'] ++;
}
}
}

slideMenu.slideUp = function(id) {
for(var i=0;i<15;i++) {
if(slideMenu.Registry[id]['height'] <= 1) {
clearInterval(slideMenu.Registry[id]['interval']);
slideMenu.Registry[id]['contentObj'].style.display = 'none';
} else {
slideMenu.Registry[id]['contentObj'].style.height = slideMenu.Registry[id]['height']+'px';
slideMenu.Registry[id]['height'] --;
}
}
}

[bbsad]

在你的页面包含这个放在head跟body之间
的页面里,调用那个js.

[hello_sun]

我以为是什么呢？
到网页特效去搜索 有的

[risingwolves]

楼主有点不厚道！骗点击率的

[ahuiok]

up，一下。

http://music.yahoo.com/

也是这个效果。

[csecong]

js

[若白师妹]

js,效果一般

[satans18]

js,这个效果很常见