hsfl.net
当前位置:首页 >> 用Div+CSS实现左边导航,右边显示内容 >>

用Div+CSS实现左边导航,右边显示内容

1、新建html文档。 2、书写hmtl代码。 前端交流 交互设计 视觉设计 用户研究 设计茶吧 前端交流 团队生活 3、书写css代码。 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, d...

我有一个做好的例子,可以给你过去,你可以把邮箱留下。你说的是tab标签

可以的,很简单,利用JS就能很简单的作到,把每个DIS设置上属性,利用display 中的显示和隐藏即可做到,利用JS直接调用CSS就可以了,创建函数就行!

滑动门代码。 很简单。 这里给你几个demo 下载,但是你要自己动手,把导航float到左边。 提供鼠标滑过和鼠标点击两种方式,自己选择合适的吧。 样式自己改改吧。 下载地址: http://www.lanrentuku.com/js/biaoqian.html 选一个自己喜欢的吧。

仅div+css对于我来说,实现不了 如果加入一点js的话,就很容易实现 a {text-decoration: none;display: block;line-height: 30px;padding-left: 20px;color: #fff;}ul {width: 30%;min-width: 150px;max-width: 240px;height: 600px;display: bl...

body{font:"宋体";font-size:12px;} a:link,a:visited{font-size:12px;color:#666;text-decoration:none;} a:hover{color:#ff0000;text-decoration:underline;} #Tab{margin:0 auto;width:220px;border:1px solid #BCE2F3;} .Menubox{height:28...

用不上js,你用 .rightcontainer{ width:450px; height:300px; position: fixed; right:60px;//这只是示例 bottom:0;//这只是示例}就够了。

HOMEshou ye li{ list-style-type:none; text-align:center; margin:0 15px; float:left;}li h2{ display:block; font-size:16px;}li em{ font-style:normal; font-size:12px;}上面是html代码,下面是css代码,(都是主要部分),具体的样式自...

用一个div作为主框架,嵌套图片和文字内容两个div,同时使用浮动功能。 图片向左浮动,文字内容向右浮动,这就形成了两栏。 右边的文字内容又分为两个div,不需要浮动,它会自动上下排列的。 代码如下: 文字介绍 新闻内容 CSS: #container {wi...

效果如图: #page{ width: 800px; height: 400px;}#left{ float: left; background: #ccc;}#right{ float: left;background: #fff;} 左侧 分类管理 标签管理 其中的html 页面分别如下: html 中写上:分类管理在右侧、 2.html中写上:标签管理在...

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