仿QQ空间-------->始终固定在网页顶部的横条特效
<!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>
<title>网页特效-CSS特效-始终固定在网页顶部的横条(一)</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
#topNavWrapper {
width: 980px;
text-align: left;
height: 31px;
margin: 0px auto;
z-index:100;
_position: relative ;
_top:0px;
}
#topNav {
width: 980px;
float: left;
display: block;
z-index: 100;
overflow: visible;
position: fixed;
top: 0px; /* position fixed for IE6 */
_position: absolute;
_top: expression(documentElement.scrollTop + "px");
background-image: url(http://www.zzsky.cn/effect/images/201032110926.gif);
background-repeat: no-repeat;
background-position: right;
height: 31px;
}
</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<div id="topNavWrapper">
<ul class="jd_menu" id="topNav"></ul>
</div>
<p style="height:1000px;"></p>
</body>
</html>
转自----->中国站长天空-网页特效
分享到：
相关推荐
- **响应式设计**：虽然此示例中的横条宽度固定为750像素，但在现代网页设计中推荐使用响应式布局，以适应不同屏幕尺寸的设备。 - **可访问性**：确保横条中的内容对于所有用户（包括视觉障碍者）都是可访问的。例如...
在本文中，我们将深入探讨如何使用CSS3来创建一个6根彩色横条的加载特效，这个特效基于`animation`属性实现阶梯式的loading加载动画。在Web开发中，加载动画是提高用户体验的重要元素，它们可以告知用户网站或应用...
在当前的家具设计领域中，横条纹压型技术为书柜赋予了独特的美学价值与实用功能。本文将深入探讨这一技术在书柜制造中的应用，以及其对行业分类和设备装置的影响。 首先，横条纹压型是一种在材料表面创造出水平线条...
【标题】"CSS3创意横条状线条自行车特效.rar"是一个使用CSS3技术实现的创新网页特效，它呈现了一种独特的线条自行车展示效果。在网页设计中，这种特效能够为用户带来视觉上的新奇体验，增加网站的互动性和吸引力。 ...
"横条纹压型"是指书柜表面的装饰性纹理，"小开门"则暗示书柜可能采用了小巧的门扉设计，适合空间有限或者追求精致生活风格的环境。 【描述分析】 描述部分与标题一致，"行业文档-设计装置-横条纹压型小开门书柜"，...
在数字图像处理领域，去除横条纹、特殊条纹以及噪声是常见的图像增强任务，尤其在科研和工业应用中显得尤为重要。本作业聚焦于利用MATLAB这一强大的数值计算和图像处理平台来解决这些问题。MATLAB提供了丰富的图像...
if(cap->cmd == STOP_SAVE_FRAME && cap->save_status == ON) cap->save_status = OFF; //save frame , the frame will be get by PC Tool to preview on PC screen //frame format: /dev/frame_x (x:0~21) if...
横条型迷你风格的网页播放器插件，一款有三款颜色风格、紫色、杏仁色、粉红色等，自带的示例文件会让你明白如何去调用本款播放器，以及如何去设置播放器，可将音乐播放器用于网页背景音乐的控制、网页顶部工具条处...
"MIUI小横条全局沉浸 原生版_底部横条沉浸_小横条_miui12小横条_miui12_miui小横条沉浸_"这个标题提及的是针对MIUI12系统的一项自定义设置，主要是关于屏幕底部的小横条，也被称为导航栏或手势导航条。这项设置能让...
Flash横条新闻滚动特效，新闻标题切换效果，点击左右两头的小三角按钮就可以上一条、下一条切换，原生的Flash动画效果切换，Flash Js结合完成，含Flash源文件，新闻标题内容存放于XML里，你可以用程序控制生成XML...
这个项目的核心功能是实现股票动态的横条滚动展示，对于iOS开发者或者学习者来说，它是一个很好的实践案例，能够帮助理解如何在iOS平台上开发类似的应用。 1. **iOS开发环境**：首先，此项目基于Apple的iOS开发环境...
在本文中，我们将深入探讨如何使用CSS3来创建一款炫酷的6根彩色横条加载特效，这是一种利用animation属性实现的阶梯式loading加载动画。在Web开发中，加载动画是用户体验的重要组成部分，它能给用户带来视觉反馈，让...
在本资源中，我们关注的是使用CSS3技术来创建一个独特的加载特效——6根彩色横条组成的阶梯式loading加载效果。CSS3是层叠样式表（Cascading Style Sheets）的第三版，它引入了许多新的功能和属性，使得网页设计和...
这个特效是利用CSS3的动画属性（animation）来实现的，它能够为网页加载过程添加视觉吸引力，提升用户体验。让我们一起探索这个加载特效背后的原理和技术。 首先，CSS3是CSS（层叠样式表）的第三个主要版本，它引入...
js非主流横条风格网页播放器，一些需要设置的地方： bfq\js\data.js 添加歌曲 bfq\js\set.js 设定播放器 给网站添加一个漂亮的播放器，可以添加歌曲，还可以打开本地音乐和网络音乐，功能非常强大，之前...
本文将详细讲解如何在Android平台上实现一个仿iOS风格的底部弹框，这种弹框通常用于显示一系列可选的功能按钮，并在底部提供一个“取消”或“关闭”选项。 首先，我们需要理解iOS底部弹框的基本特征。它通常具有...
VB6.0仿手机屏幕解锁特效，这个源码例子主要是使用二分法（或N分法）展示了锁屏按钮以及锁屏页的"渐进效果"，"渐进效果"还可以用于图片轮播哦~Private Sub Step1() '控制锁屏页向左渐进移动 If LockPage.Left <= ...
基于JavaScript代码的带小图片预览的大图片轮显网页特效，默认状态下不显示缩略小图，鼠标在下边的横条上的时候，缩略图自动出现，点击后大图片会变为缩略图的大图片，纯js原生代码实现，Div CSS结构布局，整体简洁...
在初始状态下，页眉可能是固定在顶部的： ```css .headroom { position: fixed; top: 0; transition: transform 0.2s ease-in-out; } .headroom--pinned { transform: translateY(0); } .headroom--unpinned ...