[javascript]选项卡(tab),可刷新,加图,图文的切换(其实也是一个选项卡)
这周的任务,是做选项目卡,先是做出来,
后来加可刷新,进去之后,可以返回来,在后来,加图文切换,
因为原来的ul,li在定css的时候被定死,我只能用dl,dt,dd来做了,
下面的代码是head的部分
判断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发送的,现在这个也是自己写好了
当然没有要写要这么所,所以怎么写都一样了!
后来加可刷新,进去之后,可以返回来,在后来,加图文切换,
因为原来的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>
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发送的,现在这个也是自己写好了
当然没有要写要这么所,所以怎么写都一样了!
难得一见的好文章《中纪委原副书记:大学生都考公务员是社会倒退》
数据测试
