QQ空间出来也这么久了,我也跟着一起经历了这么多日子....
慢慢的在各个空间闲逛的时候,我发现怎么人家的首页都变成FLASH的呢?看着真是舒服,再回去看看自己那个硬梆梆的首页,真是不是滋味啊...
于是我就开始在网上找相关的教程,皇天不负有心人,今天我终于把首页全面更新完了,自己感觉还可以,只是有点空旷,以后再慢慢改.....
当然还有很多朋友不知道怎么作FLASH的首页,下面我就把我的和大家共享一下:
首先是导航条,看着别人纯FLASH的导航条是不是很心动啊?我们来看看他们是怎么作到的吧!
1.去掉原来的导航条:
以下是代码:
<img src="javascript: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;">
这个代码可以看为8个部分 一个按钮是一个部分
其中 bt_1,bt_2,bt_3......bt_8 分别代表8个按钮从主页的按钮一直到互动
bt 是英文button的缩写 style是样式的意思 display 是展开 none表示什么都没有
bt_1.style.display='none'; 这句就表示 按钮一的展开样式是什么都没有
这样按钮一 就被去掉了
如果你只想去掉按钮一的话 就是这样的代码
<img src="javascript:bt_1.style.display='none';" style="display:none;">
去掉按钮一和按钮8 就这样写
<img src="javascript:bt_1.style.display='none';" style="display:none;">
<img src="javascript:bt_8.style.display='none';" style="display:none;">
去掉所有的按钮 就把 bt_1....一直到bt_8的都这样写出来 就可以了
而这样代码
<img src="javascript: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;">
只是将上面的所有的合成在一起了
这样写不知道大家看明白没，这样就可以随心的去掉我们想去掉的导航按钮了!
2.加入新的FLASH导航条:
就用我空间的导航条作例子吧!
下面是我空间(http://279427971.qzone.qq.com 打个广告哈!有空帮我踩踩哦!)的代码:
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:30;left:10;\'><EMBED src=\'http://lhy80316860.bokee.com/inc/f0.swf\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'800\' TYPE=\'application/x-shockwave-flash\'></div>';">
当然这个你可以在网上去找,我也收集了一些FLASH导航条,发布在:http://www.cqeec.com/phpwind/read.php?tid=2384&fpage=1
我推荐大家一个工具---网络时空在线HTML编辑器,在它上面贴上代码,就可以直接看效果:http://www.k688.com/wyzs/5.htm? 很不错的一个东西!~
3.加入一个透明FLASH:
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'FLASH地址\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">
其实上面两个都是用的同样的语句,里面 FLASH地址 可以自己找, WIDTH是宽,,HEIGHT是高,可以自己根据需要设!
我在http://www.cqeec.com/phpwind/read.php?tid=2382发布了一些收集的透明FLASH....
4.然后我们来加一个自己的背景,看到很漂亮的图片,把它弄成自己的背景是不是很舒服啊!呵呵!下面是代码:
透明背景:
慢慢的在各个空间闲逛的时候,我发现怎么人家的首页都变成FLASH的呢?看着真是舒服,再回去看看自己那个硬梆梆的首页,真是不是滋味啊...
于是我就开始在网上找相关的教程,皇天不负有心人,今天我终于把首页全面更新完了,自己感觉还可以,只是有点空旷,以后再慢慢改.....
当然还有很多朋友不知道怎么作FLASH的首页,下面我就把我的和大家共享一下:
首先是导航条,看着别人纯FLASH的导航条是不是很心动啊?我们来看看他们是怎么作到的吧!
1.去掉原来的导航条:
以下是代码:
<img src="javascript: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;">
这个代码可以看为8个部分 一个按钮是一个部分
其中 bt_1,bt_2,bt_3......bt_8 分别代表8个按钮从主页的按钮一直到互动
bt 是英文button的缩写 style是样式的意思 display 是展开 none表示什么都没有
bt_1.style.display='none'; 这句就表示 按钮一的展开样式是什么都没有
这样按钮一 就被去掉了
如果你只想去掉按钮一的话 就是这样的代码
<img src="javascript:bt_1.style.display='none';" style="display:none;">
去掉按钮一和按钮8 就这样写
<img src="javascript:bt_1.style.display='none';" style="display:none;">
<img src="javascript:bt_8.style.display='none';" style="display:none;">
去掉所有的按钮 就把 bt_1....一直到bt_8的都这样写出来 就可以了
而这样代码
<img src="javascript: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;">
只是将上面的所有的合成在一起了
这样写不知道大家看明白没，这样就可以随心的去掉我们想去掉的导航按钮了!
2.加入新的FLASH导航条:
就用我空间的导航条作例子吧!
下面是我空间(http://279427971.qzone.qq.com 打个广告哈!有空帮我踩踩哦!)的代码:
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:30;left:10;\'><EMBED src=\'http://lhy80316860.bokee.com/inc/f0.swf\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'800\' TYPE=\'application/x-shockwave-flash\'></div>';">
当然这个你可以在网上去找,我也收集了一些FLASH导航条,发布在:http://www.cqeec.com/phpwind/read.php?tid=2384&fpage=1
我推荐大家一个工具---网络时空在线HTML编辑器,在它上面贴上代码,就可以直接看效果:http://www.k688.com/wyzs/5.htm? 很不错的一个东西!~
3.加入一个透明FLASH:
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:0;left:0;\'><EMBED src=\'FLASH地址\' quality=high wmode=\'transparent\' WIDTH=\'925\' HEIGHT=\'655\' TYPE=\'application/x-shockwave-flash\'></div>';">
其实上面两个都是用的同样的语句,里面 FLASH地址 可以自己找, WIDTH是宽,,HEIGHT是高,可以自己根据需要设!
我在http://www.cqeec.com/phpwind/read.php?tid=2382发布了一些收集的透明FLASH....
4.然后我们来加一个自己的背景,看到很漂亮的图片,把它弄成自己的背景是不是很舒服啊!呵呵!下面是代码:
透明背景:
