首页 | 涂鸦版代码 | 音乐代码 | 校内网教程 | 鼠标代码 | 播放器代码 | css代码 | 校内网非主流 | 校内网人气

首页 | games单机游戏 | 网络工具 | soft常用软件 | game相关 | media媒体工具
您当前的位置:校内资源网文章中心涂鸦版代码 → 文章内容
本类热门文章
相关下载
 
校内超炫flash导航栏代码
作者:佚名  来源:不详  发布时间:2007-11-11 19:01:10

减小字体 增大字体


#xok.cc {}
/* 此代码由 未知校内代码站(xok.cc) 收集/整理/调试*/

横向的置于页面顶部的导航栏引用代码:分三部分,由于代码间互相屏蔽的关系,请将此三部分代码置于涂鸦版顶部

<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('鼠标样式1')}--></style>
<style type=text/css>a {cursor:url('鼠标样式2')}</style>
其中鼠标样式1为普通位置显示样式,鼠标样式2为鼠标放在链接上时显示样式
/* 代码来源 未知校内代码(xok.cc) */

  • 校内超炫flash导航栏代码
  • [] [返回上一页] [打 印]
    文章评论 (评论内容只代表网友观点,与本站立场无关!)

    用户名: 查看更多评论

    分 值:100分 85分 70分 55分 40分 25分 10分 0分

    内 容:

             (注“”为必填内容。) 验证码: 验证码,看不清楚?请点击刷新验证码

    关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登陆