当前位置:Gxlcms > JavaScript > javascriptoop开发滑动(slide)菜单控件_javascript技巧

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

时间:2021-07-01 10:21:17 帮助过:3人阅读

这里使用原生的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控件演示