[javascript]选项卡(tab),可刷新,加图,图文的切换(其实也是一个选项卡) 不指定

Else , 2009/03/13 15:57 , 代码片段,演示也有 , 评论(0) , 阅读(1284) , Via 本站原创 | |
这周的任务,是做选项目卡,先是做出来,
后来加可刷新,进去之后,可以返回来,在后来,加图文切换,

因为原来的ul,li在定css的时候被定死,我只能用dl,dt,dd来做了,

下面的代码是head的部分


<script type="text/javascript">

var menu_value="";
var sub_value="";
function GetMenuID()
{

    var MenuID="";
    var _paramStr = new String(window.location.href);

    var _sharpPos = _paramStr.indexOf("#");
    
    if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)
    {
        _paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
    }
    else
    {
        _paramStr = "";
    }

    
    if (_paramStr.length > 0)
    {
        var _paramArr = _paramStr.split("&");
       /* if (_paramArr.length>0)
        {
            var _paramKeyVal = _paramArr[0].split("=");
            if (_paramKeyVal.length>0)
            {
                MenuID = _paramKeyVal[1];
            }
      
      var _paramKeyVal_sub = _paramArr[1].split("=");
            if (_paramKeyVal_sub.length>0)
            {
                sub_value = _paramKeyVal_sub[1];
            }
      
      
        } */
        /*
        if (_paramArr.length>0)
        {
            var _arr = new Array(_paramArr.length);
        }
        
        //
        //for (var i = 0; i < _paramArr.length; i++)
        {
            var _paramKeyVal = _paramArr[i].split('=');
            
            if (_paramKeyVal.length>0)
            {
                _arr[_paramKeyVal[0]] = _paramKeyVal[1];
            }        
        }
        */
    }
    
   return _paramArr;
  
}


if (GetMenuID())
{
  menu_value=GetMenuID()[0].split("=")[1];
}
else
{
  menu_value='tab1';
}

if (GetMenuID())
{
  sub_value=GetMenuID()[1].split("=")[1];
}
else
{
  sub_value='tu';
}
</script>




判断url实现还原的,放在网页的最后面

<script type="text/javascript">
if(menu_value=='tab2')
{
  setTab(2,1,'dt','dd');
  if(sub_value=="tuwen")
  {
    showeight('tuwen',2);
  }
  else
  {
    showeight('tu',2);
  }
}
else if(menu_value=='tab3')
{
  setTab(2,2,'dt','dd');
  if(sub_value=="tuwen")
  {
    showeight('tuwen',2);
  }
  else
  {
    showeight('tu',2);
  }
  
}
else
{
  setTab(2,0,'dt','dd');
  if(sub_value=="tuwen")
  {
    showeight('tuwen',1);
  
  }
  else
  {
    showeight('tu',1);
  }
  
}
</script>


例子 [等待]

因为是编码是big5所以,还有一个任务没有用jquery
于是删除,展开,都是自己写,加一个回复的功能也是自己写,
后来做好之后,又来一个要发送email的功能,
之前做了一个,是用jq发送的,现在这个也是自己写好了

当然没有要写要这么所,所以怎么写都一样了!
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]