输入banner图图片脚本导航/分类

javascriptoop开发滑动(slide)菜单控件_javascript技巧

这里使用原生的javascript,用面向对象的方式创建一个容易维护使用方便的滑动菜单,调用方式如下:
代码如下:

var $sliding = document.getElementById("silding");
var s1 = new Sliding();
s1.commands = $sliding.getElementsByTagName("dt");
s1.panels = $sliding.getElementsByTagName("dd"); ;
s1.init("mouseover", "active");

演示代码分为slide.js和slide.html两个文件
slide.htm:
代码如下:





javascript slide控件演示