同一个页面内js效果多次使用？

Question

dd();

function dd() {

    var s = document.getElementsByClassName("pingStar")[0],

        m = document.getElementsByClassName('dir')[0],

        n = s.getElementsByTagName("li"),

        input = document.getElementsByClassName('startP')[0]; //保存所选值

    clearAll = function () {

        for (var i = 0; i < n.length; i++) {

            n[i].className = '';

        }

    }

    for (var i = 0; i < n.length; i++) {

        n[i].onclick = function () {

            var q = this.getAttribute("rel");

            clearAll();

            input.value = q;

            for (var i = 0; i < q; i++) {

                n[i].className = 'on';

            }

            m.innerHTML = this.getAttribute("title");

        }

        n[i].onmouseover = function () {

            var q = this.getAttribute("rel");

            clearAll();

            for (var i = 0; i < q; i++) {

                n[i].className = 'on';

            }

        }

        n[i].onmouseout = function () {

            clearAll();

            for (var i = 0; i < input.value; i++) {

                n[i].className = 'on';

            }

        }

    }

}

在同一个页面内，怎么只用这一遍代码同时实现好几个这样的效果

Answer 1

把 s, m, input 用参数传进来呀？function dd(s, m, input) {&nbsp; var n = s.getElementByTagName('li');&nbsp; // 后面跟原来一样}