js tab效果代码增强版_javascript技巧

热门图片   波希米亚   红色黑客     
 正在加载...

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本人在它的基础上添加的内容控制的效果

复制代码 代码如下:

<script type="text/javascript">
function $(objName)
{

    if(document.getElementById)
    {
        return document.getElementById(objName );
    }
    else if(document.layers)
    {
        return eval("document.layers['" + objName +"']");
    }
    else
    {
        return eval('document.all.' + objName);
    }
}
function switchTab(tabpage,tabid,action,type){
    var oItem = $(tabpage);   
    for(var i=1;i<6;i++){
        var x = $(type + 'Tab' + i);    
        //alert(x);
        x.className = "mousehand";
        //var y = x.getElementsByTagName('a');
        //y[0].style.color="#333333";
  }    
    $(tabid).className = "Selected";
    //gethotimagelist(type+'_'+action);
    closeall(action);
    $(action).style.display="block";
}
function closeall(action){
for(var ii=1; ii<5; ii++){
var noclose;
noclose="div"+ii;
if (noclose!=action){
$(noclose).style.display="none";
}
}
}
</script>

时间: 2024-10-01 04:31:22

js tab效果代码增强版_javascript技巧的相关文章

js下拉框二级关联菜单效果代码具体实现_javascript技巧

复制代码 代码如下:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&q

Base64编码加密JS代码网页版_javascript技巧

Base64编码加密 Base64 原码 Base64 encode Base64 decode

JavaScript 封装一个tab效果源码分享_javascript技巧

效果图如下: 查看演示  源码下载 html代码 <!DOCTYPE html> <html> <head> <title>tab测试</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-" /> <link href="css/tab.css" rel="styles

javascript 浏览器检测代码精简版_javascript技巧

复制代码 代码如下: /*written by xp in 8z at Mar 4,2010.QQ:251089096*/ var sUserAgent = navigator.userAgent; var isIE=isIE6=isIE7=isIE8=isFirefox=false; if(sUserAgent.indexOf("MSIE") > -1){ isIE = true; var version = sUserAgent.substr(sUserAgent.index

js跑马灯代码(自写)_javascript技巧

复制代码 代码如下: function cls_marquee(id,id1,id2,sp){ this.obj_id=id; this.obj_id1=id1; this.obj_id2=id2; this.speed=sp; eval(this.obj_id2+".innerHTML="+this.obj_id1+".innerHTML"); function Marquee(){ if(eval(id2).offsetTop-eval(id).scrollTo

JS暴虐查找法简洁版_javascript技巧

       例如在一个含500个字符串的data数组里,我们想要找到一个指定的字符(key),返回它的数组下标,如果用这样的算法: function usual_search(data,key) {    var m=data.length    for(i=0;i<m;i++)    {if(data[i]==key)return i} } 由于需要做多次的比较,运算起来会相当的慢.         本主题要介绍的是一种充分利用Jscript内置方法来实现在数组中查找数据的方法,由于借助Js

js tip效果代码

提示:您可以先修改部分代码再运行 js tip效果代码

js封装tab标签页实例分享_javascript技巧

话不多说,请看代码 <html> <head> <title></title> <meta charset="UTF-8"> <style> *{ padding:0; margin:0;} .block{ display:block;} .none{ display:none;} #wrap,#wraps{ width:500px; height:230px; overflow:hidden; margin:50

原生js实现百叶窗效果及原理介绍_javascript技巧

百叶窗大家都见过吧!如图: 原理: 如图所示,空心格子就好比是每个li,给它设定相对定位属性,设置overflow:hidden:黑块为li子元素,高度为li的2倍,设置absolute属性,我们正是要改变它的top值从而获得变化!(右上角多余块与本图无关) 布局分析: 注意top值得变化!默认top=0时候,显示的"一楼上铺",当top=-40px时候,li的子元素 上移40px,这时候显示的内容就为"一楼下铺"注意p元素的包裹层div JS分析: 1.要开多个定