- 浏览: 95242 次
- 性别:
- 来自: 郑州
最新评论
-
a19905522:
噗噗凡 写道 当前阶段全景直播能应用在哪些场景呢?媒体行业, ...
关于720全景视频在移动端播放的兼容问题汇总,截止2017年11月29日 -
噗噗凡:
当前阶段全景直播能应用在哪些场景呢?
关于720全景视频在移动端播放的兼容问题汇总,截止2017年11月29日 -
blackey629:
perfect,楼主帮我解决了大问题!
overflow解决float浮动后高度自适应问题 -
ddjunshuhong:
楼主可能发个全点的代码呢?
flash as3 加载音乐并显示频谱
固定顶部导航,不跟随滚动,固定页面顶部纯div+css;
以下代码经测试兼容IE6 7 8 9 google firefox
HTML代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>固定顶部导航代码-不跟随滚动</title> <link href="styles/global.css" rel="stylesheet" type="text/css" /> <base target="_blank" /> </head> <body> <div class="topdiv"> <div class="top"> <div class="top-logo"> <a href="http://henan.china.com.cn/"></a></div> <div class="topnav"> <span><a href="http://henan.china.com.cn/">首页</a> -<a href="http://henan.china.com.cn/news/">新闻</a>-<a href="http://henan.china.com.cn/special/">专栏</a>-<a href="http://henan.china.com.cn/finance/">财经</a>-<a href="http://henan.china.com.cn/health/">健康</a>-<a href="http://henan.china.com.cn/edu/">教育</a>-<a href="http://henan.china.com.cn/culture/">文化</a>-<a href="http://henan.china.com.cn/travel/">旅游</a>-<a href="http://henan.china.com.cn/home/">家居</a>-<a href="http://henan.china.com.cn/tech/">科技</a>-<a href="http://henan.china.com.cn/life/">生活</a>-<a href="http://henan.china.com.cn/pic.php">图片</a>-<a href="http://henan.china.com.cn/video.php">视频</a>-<a href="http://henan.china.com.cn/top.php">排行</a>-<a href="http://henan.china.com.cn/digg.php">关注</a>-<a href="http://henan.china.com.cn/comment.php">评论</a> </span></div> <div class="zhuce"> <span class="account-link" id="page_loginForm"> <a href="http://henan.china.com.cn/account/login.php" target="_blank">登录</a>|<a href="http://henan.china.com.cn/account/register.php" target="_blank">注册</a>|<a href="http://henan.china.com.cn/account/index.php" target="_blank">帐户中心</a> </span></div> </div> </div> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> </body> </html>
CSS代码:
/* @Description:中国网河南频道 @Author: liujinghao @Update: */ /*CSS重构*/ body{ font-size:12px; color:#656565; background:#FFF;} body {background: url(about:blank); background-attachment: fixed;} *{ margin:0; padding:0; border:0} .clear{ clear:both; font-size:1px; line-height:1px;} input,select{font-size:12px;line-height:16px;} input{ border:#006 1px solid; height:18px;} ul,li{list-style-type:none; list-style:none;} a{ text-decoration:none; font-size:14px; font-family:"宋体"; color:#004276} a:hover{ color:#F00; text-decoration:underline} span{ color:#004276} .red{ color:#F00} .red a{ color:#F00} em{ font-style:normal} .topdiv{ width:100%; height:40px; overflow:hidden; background:url(../images/top-bg.png) repeat-x ; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;} .top{ width:1000px; height:42px; margin:auto;} .topdiv { top:0; position:fixed; background-color: #C30; _position:absolute;z-index:999; _top:expression(documentElement.scrollTop);} b{ font-weight:normal; } .top-logo{ height:30px; width:63px; float:left; background:url(../images/top-logo.png) left center no-repeat; margin-top:1px; } .top-logo a{ height:30px; width:63px; float:left; display:block;} .topnav{ height:34px; float:left;} .topnav span a{ font-size:14px; color:#666; line-height:34px;} .topnav span a:hover{ color:#F00} .zhuce{ width:130px; height:30px;float:right; } .zhuce span{ float:right} .zhuce span a{font-size:14px; color:#666; line-height:34px;} .zhuce span a:hover{ color:#F00;}
- 固定顶部导航代码-不跟随滚动.zip (554.4 KB)
- 下载次数: 124
发表评论
-
百度地图坐标拾取器vue组件
2019-09-25 10:34 543在很多后台应用中,输入坐标,如果只给一个输入框,还需要用户打 ... -
使用AST快速解决css代码重构问题
2019-02-14 11:26 629抽象语法树(AST)相信很多从事后端开发的同学都已经很了解 ... -
关于720全景视频在移动端播放的兼容问题汇总,截止2017年11月29日
2017-11-29 15:28 883结论:A回放情况:1.安 ... -
nodejs下的图形处理库gm在windows环境的安装
2016-05-26 09:18 1481众所周知node.js的各种 ... -
jQuery ajax - load() 方法 回调函数
2014-04-21 22:40 191jQuery ajax - load() 方法 jQ ... -
jQuery 获取屏幕高度、宽度
2014-04-21 18:31 703jQuery 获取屏幕高度、 ... -
javascript变量类型
2013-10-24 09:59 682javascript的变量类型真的很要人纠结,即使你是很有经 ... -
javascript基本类型和引用类型
2013-10-24 09:59 566javascript基本类型和引用类型(合成类型) ... -
javascript引用类型和值类型
2013-10-24 09:57 656/*ECMAScript变量可能包含 ... -
JQ幻灯
2013-10-24 09:35 456<script type="text/jav ... -
javascript exec match 区别
2013-09-02 18:35 610在js中,在查找替换时经常使用到exec 和 match , ... -
javascript,js闭包实例讲解
2013-04-19 18:13 867一、变量的作用域 ... -
JQ选择器-知识总结
2013-02-20 11:43 745【层级选择器】 (se1 se2): 匹配se1所有的后代 ... -
javascript call 方法的继承,用于调用一个对象的一个方法,以另一个对象替换当前对象
2012-11-15 08:56 1053call 方法 先看官方文档 ... -
使用navigator.userAgent来判断浏览器类型
2012-11-07 08:31 873使用navigator.userAgent来判断浏览器类型。1 ... -
javascript(js)中的 substring和substr方法
2012-10-26 11:42 6961.substring 方法定义和用法substring 方法 ... -
固定页面右下角DIV CSS代码,不跟随页面滚动,返回顶部代码,兼容ie6
2012-08-21 11:16 1123<!DOCTYPE html PUBLIC " ... -
css ie下定义高度1px的div
2012-07-11 09:11 797.left{ width:200px; float: ... -
js固定页面底部悬浮框特效代码
2012-06-03 23:27 6310<html> <head> ... -
网页浮动元素被flash遮住,flash下拉框被div层挡住|遮住,flash在网页最顶层,解决办法
2012-04-07 18:31 1491工作中遇到的记录下来; 两种情况: 1.我们网页中的的某些 ...
相关推荐
使用css+div制作航 yellow-vertical-css-menu
网页设计-页面布局篇(Css+Div),网页设计-页面布局篇(Css+Div).网页设计-页面布局篇(Css+Div).网页设计-页面布局篇(Css+Div).
ps+div+css打造蓝色后台--login页面设计
HTML编写+div+css教程--v1.5--风雨无阻
使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。
网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js网页导航条-div+css+js
css+div+js实现简单导航栏开发;该页面简单明了,通俗易懂
css+div 实例全程教学代码!对于初学者,里面的代码很精辟!.
css+div经典代码 ,更多代码静载这儿
几个漂亮网站首页的源码(全),学习css和自己设计网页的一大助力。
后台模板 css+div+html后台模板 css+div+html后台模板 css+div+html后台模板 css+div+html后台模板 css+div+html后台模板 css+div+html后台模板 css+div+html后台模板 css+div+html后台模板 css+div+html后台模板 ...
精通CSS+DIV网页样式与布局8-9章实例 非常好,是最新的 打包下载
韩顺平 2011 轻松搞定网页设计 div+css笔记
html+css+javascript网页设计教程,详细案例配套源码,案例都是单独的方便查看理解,html+css+javascript网页设计教程,详细案例配套源码,案例都是单独的方便查看理解。
CSS+DIV 20个经典实例(上)CSS+DIV 20个经典实例(上)CSS+DIV 20个经典实例(上)CSS+DIV 20个经典实例(上)CSS+DIV 20个经典实例(上)CSS+DIV 20个经典实例(上)CSS+DIV 20个经典实例(上)
css+div练习源代码欢迎大家下载!!!
第12章 CSS+div美化与布局实战 12.1 框架搭建 12.2 实例一:蓝色经典 12.3 实例二:清明上河图 12.4 实例三:交河故城 12.5 自动选择CSS样式 第3部分 CSS混合应用技术篇 第13章 ...
CSS+DIV 网页设计 利用css + div 来设计网页 进行排版
jsp css+div 后台框架 jsp css+div 后台框架 jsp css+div 后台框架 jsp css+div 后台框架 比较完美的后台框架