ydzf.net
当前位置:首页 >> 滚动楼层导航Css >>

滚动楼层导航Css

比如我现在要滑动到此p标签区域,可先给p标签加上一个id,导航处的a标签利用它的href属性,如<a href="#scroll"></a><p id="scroll"></p>

解决方法很多!这个要看你的布局思路了,如果你一开始就用个宽度为980px的container大DIV容器来容纳整体页面就要把导航的背景定义在body标签中body{{background:url(nav_bg.jpg)center0pxno-repeat}这句里的0px指的是你导航距离页面顶

<!DOCTYPE html> <html> <head><title></title><style type="text/css">html, body { width:100%; margin:0px auto; padding:0px auto;}.div1 { height:2000px;}.div2 { width:200px; height:200px; background-color:#3399FF; margin-top:100px;}.div2_1{

把这个导航栏单独做一个html文件,如:menu.html然后用iframe加载这个文件,方法为:&lt;iframe src="menu.html"&gt;&lt;/iframe&gt;

这个不是CSS能设定的.你要在不同的页面里分别设置导航条.或者你可以用一个函数来生成导航条,根据调用页面的不同,生成样式不同的导航条.举个例子:例如php函数:function getNav($page){//储存你的导航栏信息$nav_s = array("首

是鼠标下滑,导航栏也下滑位置不变吗,那可以使用绝对定位,根据浏览器做定位,就是css样式position: fixed;然后设置top离头部的距离即可.

<div class="a"> 蓝色背景层 <div class="b">角的层</div></div><style>.a{position:relative;}.b{position:absolute;top:-10px;left:-20px;}</style>

html代码:<div id="nav"> <ul> <li>CSS学习</li> <li>学前准备</li> <li>入门教程</li> <li>提高教程</li> <li>布局教程</li> <li>精彩应用</li> </ul> </div> css代码:#nav ul{ width:960px; height:35px; }

如果你用a标签做,a标签有背景,就要设置display:block属性和float:left属性;还要定义宽度高度,最后别忘记用clear层清除浮动,基本的css为下面 .a{float:left:display:block;width:XXpx;height:XXpx;} .clear{clear:both},用ul,li标签就类似,不过记得设置ul,li{margin:0px;padding:0px;}

//保存链接的数组link[1] ='link2.htm'link[2] ='link3.htm'link[3] ='link1.htm'link[4] =' ='链接说明一'text[8] ='链接说明一'//实现滚动的脚本document. write (marquee

网站首页 | 网站地图
All rights reserved Powered by www.ydzf.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com