zoukankan      html  css  js  c++  java
  • 最常用的javascript自定义函数大搜集

    fadeIn    fadeout
    //淡入效果(含淡入到指定透明度)
    function fadeIn(elem, speed, opacity){
    /*
    * 参数说明
    * elem==>需要淡入的元素
    * speed==>淡入速度,正整数(可选)
    * opacity==>淡入到指定的透明度,0~100(可选)
    */
    speed
    = speed || 20;
    opacity
    = opacity || 100;
    //显示元素,并将元素值为0透明度(不可见)
    elem.style.display = 'block';
    iBase.SetOpacity(elem,
    0);
    //初始化透明度变化值为0
    var val = 0;
    //循环将透明值以5递增,即淡入效果
    (function(){
    iBase.SetOpacity(elem, val);
    val
    += 5;
    if (val <= opacity) {
    setTimeout(arguments.callee, speed)
    }
    })();
    }

    //淡出效果(含淡出到指定透明度)
    function fadeOut(elem, speed, opacity){
    /*
    * 参数说明
    * elem==>需要淡入的元素
    * speed==>淡入速度,正整数(可选)
    * opacity==>淡入到指定的透明度,0~100(可选)
    */
    speed
    = speed || 20;
    opacity
    = opacity || 0;
    //初始化透明度变化值为0
    var val = 100;
    //循环将透明值以5递减,即淡出效果
    (function(){
    iBase.SetOpacity(elem, val);
    val
    -= 5;
    if (val >= opacity) {
    setTimeout(arguments.callee, speed);
    }
    else if (val < 0) {
    //元素透明度为0后隐藏元素
    elem.style.display = 'none';
    }
    })();
    }

     toggle()

    用来显示或隐藏一个DOM元素。

    代码
    function toggle(obj) {
    var el = document.getElementById(obj);

    el.style.display=(el.style.display !
    ="none"?"none":"")
    }
    getElementsByClassName()
    function getElementsByClassName (className) {
    var all =document.getElementsByTagName('*');
    var elements = new Array();
    for (var i = 0; i < all.length; i++) {
    if (all[i].className == className) {
    elements.push(all[i])

    }
    }
    return elements
    }
  • 相关阅读:
    js学习笔记之标准库
    js学习笔记
    html5学习
    C#调用win32 api程序实例
    javascript计算字符串中出现最多的字符和个数
    javascript中的promise和deferred:实践(二)
    jquery animate 详解
    jquery animate stop函数解析
    javascript继承的写法
    css3 改变滚动条样式
  • 原文地址:https://www.cnblogs.com/yaojaa/p/1821814.html
Copyright © 2011-2022 走看看