 当前位置：朋友吧>QQ专区>文章内容 |
| 校内超炫flash导航栏代码 |
| [ 来源:www.py8.net | 作者:朋友 | 时间:2008-04-08 01:47:17 | 收藏本文 ]
|
|
|
|
横向的置于页面顶部的导航栏引用代码：分三部分，由于代码间互相屏蔽的关系，请将此三部分代码置于涂鸦版顶部
<style type=text/css><!--#header{display:none;} --></style>
<body style="position:absolute;top:245px;" >
<EMBED style="LEFT: 150px; POSITION: absolute; TOP: -245px" align=right src=http://img.xiaonei.com/photos/20060824/2000/orig122778.swf width=700 height=240 type=application/x-shockwave-flash quality="high" wmode="transparent"></embed>
第一部分：
<style type=text/css><!--#header{display:none;} --></style>
隐藏原有的header导航栏
第二部分：
<body style="position:absolute;top:245px;" >
页面主体部分向上平移，至于这里的top值，可以根据flash的高度来定，我会在每个flash前给出它的原始宽度和高度
第三部分：
<EMBED style="LEFT: 150px; POSITION: absolute; TOP: -245px" align=right src=http://img.xiaonei.com/photos/20060824/2000/orig122778.swf width=700 height=240 type=application/x-shockwave-
flash quality="high" wmode="transparent"></embed>
flash的引用代码，这里需要调整的几个参数是left和top值，left是距左侧距离，作用是使导航栏居中，top值可与上一部分的top值相等，只不过为负值，width和height的值选用flash的原始宽和高即可，或者在高度上可适当减少。
在使用了以上代码后没有显示的同学请注意，首先看下你是否使用了加宽涂鸦板等改变页面结构的代码，如果有，参考一下下面帖子关于overflow:visible的内容，里面讲解了解决办法
加宽涂鸦板、日志，改变页面整体结构，以及border属性修改代码
如果没有，那么把这三部分代码放在涂鸦板的顶部，一般来说应该都没问题了
纵向导航栏只要使用普通的flash引用代码，自己调整一下大小和位置即可
另外有些同学反映，用了这些代码后鼠标标式代码会失效，那就用下面的代码吧
<style type=text/css><!--body{CURSOR: url('鼠标样式１')}--></style>
<style type=text/css>a {cursor:url('鼠标样式２')}</style>
其中鼠标样式１为普通位置显示样式，鼠标样式２为鼠标放在链接上时显示样式
|
|
|
|
| |
|
|
|
|
|
 最新文章 |
|
| 推荐文章 |
|
| 热门文章 |
|
|
