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{

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

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

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

可能会分3种情况:1、浏览器的窗体滚动,这个估计每个浏览器都不一样,记得以前ie中纵向不超屏幕,横向超过一屏,用滚轮就横着滚,没测试.2、iframe中的窗体滚动.3、div中的内容overflow滚动.1是随着屏幕分辨率计算,比较难控制.2与3是可以用宽度高度控制,也可以由js判断初始化或者后续控制.有了这些基础后,推荐使用js进行控制,当scroll的时候把y轴的变化转换到x轴上,根据以上情况的不同,控制好用户体验.

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; }

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

如果你用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;}

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