常用javascript代码

SAFER2016
于 2014-05-21 14:50:19 发布
阅读量376
点赞数
分类专栏： JS
JS 专栏收录该内容
21 篇文章 0 订阅
订阅专栏
转自：http://blog.csdn.net/allanking666/article/details/4236345
JavaScript代码
//--------------------------------------------------------------具有递增减功能的隐藏与显示-----------------------------------------    
//=======================================================    
//函数名称：$(objectId)    
//          参数objectId:控件的ID值    
//函数功能：获得控件的ID值    
//返 回 值：ture(获得ID值) false(获取ID失败)    
//=======================================================    
function $(objectId)     
{    
    if(document.getElementById && document.getElementById(objectId)) {    
    // W3C DOM    
    return document.getElementById(objectId);    
    } else if (document.all && document.all(objectId)) {    
    // MSIE 4 DOM    
    return document.all(objectId);    
    } else if (document.layers && document.layers[objectId]) {    
    // NN 4 DOM.. note: this won't find nested layers    
    return document.layers[objectId];    
    } else {    
    return false;    
    }    
}    
//=======================================================    
//函数名称：showList(s1,s2)    
//          参数s1:内容容器的id    
//          参数s2:标题容器的id    
//函数功能：递增容器的高度直到全显示    
//返 回 值：height(内容容器s1的高度)；backgroundImage(标题容器s2的背景图片)    
//=======================================================    
function showList(s1,s2)    
{        
        var h = $(s1).offsetHeight;  // 内容容器class_cnt1的初始高度（这时高度为：0）    
        var max_h = 287; // 容器的最大高度    
        var anim = function(){              
            h += 50; // 每次递增50像素    
            //如果增加的高度开始超过容的最大高度    
            if(h >= max_h)    
            {     
                $(s1).style.height = "287px"; // 工期高度为287px(因为我们只希望容器这么高)    
                $(s2).style.backgroundImage = "url(http://www.east-dragon.cn/files/sw/images/tab_drop1.gif)"; //让图片标签改变背景              
                if(tt){window.clearInterval(tt);} // 如果高度在每2毫秒递减，则清除该行为（如果不清除，程序将一直自动运行高度每2毫秒递减）    
            }    
            else   
            { // 如果增加中的容器高度没有超过287px    
                $(s1).style.display = "block"; // 让容器可见（这样我们才能够看到容器在增高的效果）    
                $(s1).style.height = h + "px"; // 容器高度不断的以50px递增    
            }    
        }    
        var tt = window.setInterval(anim,2);  // 设置每2毫秒循环一次（每2毫秒，运行一次anim[容器的高度递减50px]）     
}    
//=======================================================    
//函数名称：hiddenList(s1,s2)    
//          参数s1:内容容器的id    
//          参数s2:标题容器的id    
//函数功能：递减容器的高度直到隐藏    
//返 回 值 ：height(内容容器s1的高度)；backgroundImage(标题容器s2的背景图片)    
//=======================================================    
function hiddenList(s1,s2)    
{    
       var h = $(s1).offsetHeight; // 内容容器class_cnt1的初始高度（这时高度为：287px）    
           var anim = function()    
           {    
               h -= 50; // 每次递减50像素    
               if(h <= 0)    
              {    
                 //$(s1).style.height="0px";    
                 $(s1).style.display="none"; // 内容容器不可见（当容器高度小于5px）    
                 $(s2).style.backgroundImage="url(http://www.east-dragon.cn/files/sw/images/tab_drop2.gif)";     
                 if(tt){window.clearInterval(tt);}    
               }    
               else   
               {    
                   $(s1).style.height = h + "px"; // // 容器高度不断的以50px递减     
               }    
           }    
       var tt = window.setInterval(anim,2); // 设置每2毫秒循环一次（每2毫秒，运行一次anim[容器的高度递减50px]）    
}    
//=======================================================    
//函数名称：clickList()    
//函数功能：隐藏-显示级分类列表框（class_cnt1）    
//返 回 值：选择执行那个函数    
//       如果内容容器为不可见的display:none执行showList(s1,s2);    
//       如果内容容器为可见的display:block执行hiddenList(s1,s2);    
//=======================================================    
function clickList(s1,s2)    
{    
   return ($(s1).style.display=="none") ? showList(s1,s2):hiddenList(s1,s2);    
}    
//--------------------------------------------------------------end具有递增减功能的隐藏与显示-------------------------------------    
   
//------------------------------------------------------------------切换效果-----------------------------------------------------------    
//=======================================================    
//函数名称：$(aID)    
//          参数aID:控件的ID值    
//函数功能：获得控件的ID值    
//返 回 值：ture(获得ID值) false(获取ID失败)    
//=======================================================    
function GetObj(aID)    
 {    
    return (document.getElementById)?document.getElementById(aID):document.all[aID];    
}    
    var nav_index=1;    
    var numnav=2;    
//=======================================================    
//函数名称：newsChange_Menu(Tli,index,Cul,Cname)    
//      参数Tli:标题的ID（不包括ID里的序号）    
//      参数index:标题ID里的序号（对应标题、内容容器和标题背景相关的class的序号相同）    
//      参数Cul:内容容器的class（不包括class里的序号）    
//      参数Cname:与标题背景相关的class(不包括class里的序号)    
//函数功能：点击标题1显示与其相关的内容，并改变标题的背景；点击标题2同理    
//返 回 值  : 内容容器的style设置，标题的背景class    
//=======================================================    
    function newsChange_Menu(Tli,index,Cul,Cname)    
    {       
        for(var i=1;i<=numnav;i++)    
        {    
            if(GetObj(Cul+i)&&GetObj(Tli+i))    
            {    
                GetObj(Cul+i).style.display = "none";    
            }    
        }    
        if(GetObj(Cul+index)&&GetObj(Tli+index))    
        {    
            GetObj(Cul+index).style.display = "block";    
            GetObj("titbg").className = Cname+index;    
        }    
/*      nav_index=index;   
        if(nav_index<numnav)   
        {   
           nav_index++;   
         }   
        else   
        {   
           nav_index=1;   
         }*/   
    }    
//-----------------------------------------------------------------end切换效果-----------------------------------------------------------    
   
//------------------------------------------------------------------隐藏显示效果----------------------------------------------------------    
//=======================================================    
//函数名称：$(aID)    
//          参数aID:控件的ID值    
//函数功能：获得控件的ID值    
//返 回 值：ture(获得ID值) false(获取ID失败)    
//=======================================================    
function $(aID){    
    return (document.getElementById)?document.getElementById(aID):document.all[aID];    
}    
//=======================================================    
//函数名称： showHid(aID)    
//          参数aID:控件的ID值    
//函数功能：显示隐藏aID容器    
//返 回 值：block(显示) none(隐藏)    
//=======================================================    
function showHid(aID){    
    var oDiv = $(aID);    
    oDiv.style.display = (oDiv.style.display == "none")?"block":"none";    
 }    
 //---------------------------------------------------------------end隐藏显示效果----------------------------------------------------------    
   
 //---------------------------------------------------------------时间问候语-----------------------------------------------------------------    
 //=======================================================    
//函数名称： hello()    
//函数功能：根据本机时间来显示问候语言    
//返 回 值：早上好（6<=*<9）上午好（9<=*<11）中午好（11<=*<14）    
//              下午好（14<=*<19）晚上好（其他）    
//=======================================================    
function hello(){    
    var now = new Date();    
    if( now.getHours() >= 6 && now.getHours() < 9 ){    
        return "早上好，";    
    }    
    else if( now.getHours() >= 9 && now.getHours() < 11){    
        return "上午好，";    
    }    
    else if( now.getHours() >= 11 && now.getHours() < 14 ){    
        return "中午好，";    
    }    
    else if( now.getHours() >= 14 && now.getHours() < 19 ){    
        return "下午好，";    
    }    
    else{    
        return "晚上好，";    
    }    
}    
//=======================================================    
//函数名称： dw(s)    
//          参数s: 要写的内容    
//函数功能：写参数s传递过来的内容    
//返 回 值 ：参数s传递过来的内容    
//=======================================================    
function dw(s){    
    document.write(s);    
}    
//------------------------------------------------------------end时间问候语-----------------------------------------------------------------    
   
//----------------------------------------------------------输出当前时间--------------------------------------------------------------------    
//=======================================================    
//函数名称： tdate()    
//函数功能：输出当前时间    
//返 回 值 ：当前时间（该函数输出的时间是不再变化的）    
//=======================================================    
function tdate(){    
        var myDate= new Date;    
        var y = myDate.getFullYear();    
        var d = myDate.getDate();    
        var m = myDate.getMonth()+1;    
        var h = myDate.getHours();    
        var mi= myDate.getMinutes();    
        var s= myDate.getSeconds();    
        document.write("今日："+y+"年"+m+"月"+d+"日"+h+":"+mi+":"+s);    
}    
//-------------------------------------------------------end输出当前时间------------------------------------------------------------------    
//-----------------------------------------------------------奥运倒计时---------------------------------------------------------------------    
//=======================================================    
//函数名称： bj2008()    
//函数功能：输出不断更新的奥运倒计时    
//返 回 值 ：奥运倒计时    
//=======================================================    
function bj2008(){     
    var ret = '';   
    var urodz= new Date("8/8/2008 20:08:00");   
    var s ="今天离奥运会:";   
    var now = new Date();   
    var ile = urodz.getTime() - now.getTime();   
    var tit=now.getTime();   
    var overday= ile % (1000 * 60 * 60 * 24);   
    var days = (ile-overday) / (1000 * 60 * 60 * 24);   
    var overhours = overday % (1000 * 60 * 60);   
    var hours = (overday-overhours) / (1000 * 60 *60);   
    var overmins = overhours % (1000 * 60 );   
    var mins = (overhours-overmins) / (1000*60);   
    var overseconds = overmins % (1000);   
    var seconds = (overmins-overseconds) / (1000);   
    ret =s+"还有<span class='fred'>"+ days +"</span>天<span class='fred'>"+hours+"</span>小时<span class='fred'>"+mins+"</span>分<span class='fred'>"+seconds+"</span>秒";   
    $('time2008').innerHTML = ret;   
    clearTimeout(tt);   
    tt = setTimeout('bj2008()',1000);   
}   
var tt =setTimeout('bj2008()',1000);   
//--------------------------------------------------------end奥运倒计时---------------------------------------------------------------------   
//-------------------------------------------------------图片循环切换---------------------------------------------------------------------   
if (window.screen.width > 1024){   
   dw("<mce:style type='text/css'><!--
body{width:900px;margin:0px auto;}
--></mce:style><style type='text/css' mce_bogus="1">body{width:900px;margin:0px auto;}</style>");   
}   
//focus_pic code   
var focus_pic = Array();   
var focus_pic_load = new Array();   
/* define start */   
focus_pic_load[focus_pic.length] = new Object();   
focus_pic_load[focus_pic.length]._url = "http://bbs.sina.com.cn/zt/w/07/sifangqian/index.shtml"   
focus_pic_load[focus_pic.length]._big = new Image();   
focus_pic_load[focus_pic.length]._big.src = "http://www.sinaimg.cn/book/64/2007/1009/U1865P59T64D793F1308DT20071009162923.jpg";   
focus_pic_load[focus_pic.length]._small = new Image();   
focus_pic_load[focus_pic.length]._small.src = "http://www.sinaimg.cn/book/64/2007/1009/U1865P59T64D793F1308DT20071009162923.jpg";   
focus_pic.push(focus_pic_load[focus_pic.length]);   
focus_pic_load[focus_pic.length] = new Object();   
focus_pic_load[focus_pic.length]._url = "http://bbs.sina.com.cn/zt/w/yule028/index.shtml"   
focus_pic_load[focus_pic.length]._big = new Image();   
focus_pic_load[focus_pic.length]._big.src = "http://www.sinaimg.cn/book/64/2007/1012/U1865P59T64D795F1308DT20071012163926.jpg";   
focus_pic_load[focus_pic.length]._small = new Image();   
focus_pic_load[focus_pic.length]._small.src = "http://www.sinaimg.cn/book/64/2007/1012/U1865P59T64D795F1308DT20071012163926.jpg";   
focus_pic.push(focus_pic_load[focus_pic.length]);   
focus_pic_load[focus_pic.length] = new Object();   
focus_pic_load[focus_pic.length]._url = "http://bbs.sina.com.cn/zt/w/07/guoqing/index.shtml"   
focus_pic_load[focus_pic.length]._big = new Image();   
focus_pic_load[focus_pic.length]._big.src = "http://www.sinaimg.cn/book/64/2007/0929/U1865P59T64D791F1308DT20070929100058.jpg";   
focus_pic_load[focus_pic.length]._small = new Image();   
focus_pic_load[focus_pic.length]._small.src = "http://www.sinaimg.cn/book/64/2007/0929/U1865P59T64D791F1308DT20070929100058.jpg";   
focus_pic.push(focus_pic_load[focus_pic.length]);   
focus_pic_load[focus_pic.length] = new Object();   
focus_pic_load[focus_pic.length]._url = "http://search.bbs.sina.com.cn/g_forum/00/35/00/view.php?fid=21272&tbid=1967"   
focus_pic_load[focus_pic.length]._big = new Image();   
focus_pic_load[focus_pic.length]._big.src = "http://www.sinaimg.cn/book/64/2007/0920/U1321P59T64D788F1308DT20070920173346.jpg";   
focus_pic_load[focus_pic.length]._small = new Image();   
focus_pic_load[focus_pic.length]._small.src = "http://www.sinaimg.cn/book/64/2007/0920/U1321P59T64D788F1308DT20070920173346.jpg";   
focus_pic.push(focus_pic_load[focus_pic.length]);   
/*================================================================   
将新元素添加到一个数组中，并返回数组的新长度值。   
arrayObj.push([item1 [item2 [. . . [itemN ]]]])   
参数   
arrayObj   
必选项。   
一个 Array 对象。   
item, item2,. . . itemN   
可选项。该 Array 的新元素。   
说明   
push 方法将以新元素出现的顺序添加这些元素。   
如果参数之一为数组，那么该数组将作为单个元素添加到数组中。如果要合并两个或多个数组中的元素，请使用 concat 方法。   
/*================================================================*/   
/* define end */   
var focus_len = focus_pic.length;   
var focus_start = 0;   
var focus_time;   
function focus_pic_show(i)   
{   
    $("focus_big").src = focus_pic[i]._big.src;   
}   
function focus_pic_init(){   
    clearTimeout(focus_time);   
    if (focus_start < 0){   
        focus_start = focus_len - 1;   
    }   
    if (focus_start >= focus_len){   
        focus_start = 0;   
    }     
    var s = '<li class="btn1"><img src="http://www.sinaimg.cn/book/newbbs/cc070709img/f_Change_icon1.gif" mce_src="http://www.sinaimg.cn/book/newbbs/cc070709img/f_Change_icon1.gif" alt="前一个" οnclick="focus_start--;focus_pic_init();" /></li>';   
    var f = 0;   
    focus_pic_show(focus_start);   
    $("focus_big").onclick = function(){window.open(focus_pic[focus_start]._url, focus_start,'');}   
    for (var i = focus_start;; i++){   
        if ( i >= focus_len){ i = 0;}   
        s += '<li class="pbtn"><img src="' + focus_pic[i]._small.src + '" mce_src="' + focus_pic[i]._small.src + '" width="41" heigh="29" οnclick="focus_start='+i+';focus_pic_show('+i+');" title="No.'+(i+1)+'"/></li>';   
        f++;   
        if (f >= 4){   
            break;   
        }   
    }   
    s += '<li class="btn1"><img src="http://www.sinaimg.cn/book/newbbs/cc070709img/f_Change_icon2.gif" mce_src="http://www.sinaimg.cn/book/newbbs/cc070709img/f_Change_icon2.gif" alt="后一个" stlye="cursor:pointer;" οnclick="focus_start++;focus_pic_init();" /></li>'    
    $("focus_cnt").innerHTML = s;    
    focus_time = setTimeout("focus_start++;focus_pic_init()", 3000);    
}    
<mce:script language="javascript"><!--
focus_pic_init();
// --></mce:script>    
//-----------------------------------------------------end图片循环切换-------------------------------------------------------------------------------