本代码与一无所有代码略有冲突,如果使用本代码那请先将一无所有代码中清除顶部条内容的代码删掉(清背景的那个代码不用删),然后将导航代码中的Mlogo.innerHTML+=改成Mlogo.innerHTML=
“QZONE空间执行具体代码段代码”1楼关于导航条的3段代码我依次解释下:
<img src="
/design/UploadFiles_7732/200512/20051205232042934.gif" onload="bt_1.style.display='none';bt_2.style.display='none';bt_3.style.display='none';bt_4.style.display='none';bt_5.style.display='none';bt_6.style.display='none';bt_7.style.display='none';bt_8.style.display='none';" style="display:none;">
<img src="
/design/UploadFiles_7732/200512/20051205232042934.gif" onload="Mlogo.innerHTML+='
<div style=\u0027position:absolute;top:83;left:708\u0027><table cellSpacing=0 cellPadding=0 border=0><tr><td class=bt_off id=mybt_1 onclick=\u0022window.top.location=\u0027http:\u002f/\u0027+g_iUin+\u0027.q-zone.qq.com\u0027;\u0022 align=middle>主 页</td></tr><tr><td class=bt_off id=mybt_2 onclick=\u0022tall(\u0027日 志\u0027,\u0027tblog\u0027,\u0027/client/tblog.shtml?\u0027+g_iUin);\u0022 align=middle>日 志</td></tr><tr><td class=bt_off id=mybt_3 onclick=\u0022tall(\u0027音乐盒\u0027,\u0027tmusic\u0027,\u0027/client/tmusic.shtml?uin=\u0027+g_iUin);\u0022 align=middle>音乐盒</td></tr><tr><td class=bt_off id=mybt_4 onclick=\u0022tall(\u0027留言板\u0027,\u0027tgb\u0027,\u0027/cgi-bin/blog/cgi_blog_hostmsg?uin=\u0027+g_iUin);\u0022 align=middle>留言板</td></tr></table></div>';">
<img src="
/design/UploadFiles_7732/200512/20051205232042934.gif" onload="Mlogo.innerHTML+='
<div style=\u0027position:absolute;top:199;left:708\u0027><table cellSpacing=0 cellPadding=0 border=0><tr><td class=bt_off id=my_bt_5 onclick=\u0022tall(\u0027相 册\u0027,\u0027tphoto\u0027,\u0027/client/tphoto.shtml\u0027);\u0022 align=middle>相 册</td></tr><tr><td class=bt_off id=my_bt_6 onclick=\u0022tall(\u0027迷你屋\u0027,\u0027thome\u0027,\u0027http:\u002f/home.qq.com/home/initial.shtml?author=tencent&uin=\u0027+g_iUin);\u0022 align=middle>迷你屋</td></tr><tr><td class=bt_off id=my_bt_7 onclick=\u0022tall(\u0027个人信息\u0027,\u0027tinfo\u0027,\u0027http:\u002f/q-zone.qq.com/fcg-bin/cgi_show_userinfo.fcg?uin=\u0027+g_iUin);\u0022 align=middle>个人档</td></tr><tr><td class=bt_off id=my_bt_8 onclick=\u0022tall(\u0027互 动\u0027,\u0027thudong\u0027,\u0027http:\u002f/q-zone.qq.com/fcg-bin/cgi_alternant.fcg?uin=\u0027+g_iUin);\u0022 align=middle>互 </td></tr></table></div>';">
1·这个是一无所有空间代码的一部分,把原来的导航按纽都隐藏了
2+3·这两段代码通过对Mlogo单元格(显示地址的顶部表格)注入html来填加自己的空间导航连接。由于2个合在一起超过1024字数限制所以拆成了2个表格
从第一个标签DIV说起:
<div style=\u0027position:absolute;top:83;left:708\u0027>
\u0027是单引号'的UNICODE输出代码
position:absolute设定距离是相对整个窗口
top:83是设定导航条顶边距离窗口顶边83像素
left:708是设定导航条左边距离窗口左边708像素
具体定位的方法是通过使用查看坐标位置的工具:
http://bbs.w3sea.net/_mytemp/qqzone/location.htm
DIV是整个导航条的平面,它决定导航条的位置。不一定要和原本位置一样,可以试试随便把导航条挪到自己喜欢的地方。
连接到首页页面的按纽:
<td class=bt_off id=mybt_1 onclick=\u0022window.top.location=\u0027http:\u002f/\u0027+g_iUin+\u0027.q-zone.qq.com\u0027;\u0022 align=middle>主页</td>
\u0022是双引号"UNICODE的输出代码
\u0027是单引号"的UNICODE输出代码
\u002f是/UNICODE的输出代码
为了方便查看将UNICODE用一般符号替换
<td class=bt_off id=mybt_1 onclick="window.top.location='http://'+g_iUin+'.q-zone.qq.com'" align=middle>
g_iUin是当前空间地址中的QQ号码
此段代码使用window.top.location方法将顶部页面地址转到http://qq号.q-zone.com
连接到具体页面的按纽:
<td class=bt_off id=mybt_2 onclick=\u0022tall(\u0027日 志\u0027,\u0027tblog\u0027,\u0027/client/tblog.shtml?\u0027+g_iUin);\u0022 align=middle>日 志</td>
\u0022是双引号"UNICODE的输出代码
\u0027是单引号"的UNICODE输出代码
为了方便查看将UNICODE用一般符号替换
<td class=bt_off id=mybt_2 onclick="tall('日 志','tblog','/client/tblog.shtml?'+g_iUin);" align=middle>日 志</td>
里面使用了一个tall()功能,这个功能是QZONE中原有的,它的可设置参数为tall('标题名','连接地址',)。tall功能将显示空间主体内容部分的innerHTML改为一个占满版块,标题为设置标题,内容为一个地址为设定地址的IFRAME陷入式框架。
整个按纽完全可以用
<span onclick="onclick="tall('日 志','tblog','/client/tblog.shtml?'+g_iUin);"">日 志</span>
代替。使用TABLE显示按纽是因为大部分人可以直接复制粘贴就能使用。如果想用自定义导航使用SPAN会比较好,字符数少很多
我的代码,给大家作为参考,希望不要从都是TX的导航变成都是我的导航: