DIV+CSS的一个隐藏出现效果

css

 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=utf-8" /><style>#nav li{float:left;margin-left:20px; font-size:12px;}#nav a {float:left;}#nav a div {display:none;}#nav a:hover {width:150px;background:#000000;}#nav a:hover div { display:block;cursor:pointer;}</style></head><body><div> <ul id="nav"> <li><a href="http://www.zishu.cn">网站首页<div>ssss<br />22222</div></a></li> <li><a href="http://www.zishu.cn">最近活动<div>1111<br />22222</div></a></li> <li><a href="http://www.zishu.cn">联系我们<div>1111<br />22222</div></a></li> <li><a href="http://www.zishu.cn">给我留言<div>1111<br />22222</div></a></li> </ul></div></body></html>

时间: 2024-08-22 22:17:41

DIV+CSS的一个隐藏出现效果的相关文章

DIV+CSS&amp;nbsp;一个相册的效果

css 为了一行了的代码,我已经花了两个晚上来想了,结果下来就是感觉IE有点变态.用正常的想法去作,FIREFOX 等浏览器都没有问题,只有IE不可以.只有加那么一行垃圾代码,IE才能正常显示. 以下就是效果.  HTML代码<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&

请高手指点asp.net中如何加入div+css代码,实现菜单效果

问题描述 问题如下:下面的DIV+CSS代码是一个菜单,想用在asp.net中.大类和小类分别从数据库中循环读取出来,显示在指定位置的aspx页面中,相当于动态添加.便于后期维护.有什么好的方法实现吗?<divclass="wrapper"><divclass="nav-bg"><divclass="nav-list"><ulid="nav"class="nav"&

Jsp+div+css 新建一个iframe(src是一个新的JSP页面)

问题描述 我用JSP+DIV+CSS模拟出一个模态的弹窗(新建了一个iframe,存放新的JSP页面),当我关闭新页面时(按钮在新的Jsp中),如何关闭这个页面和DIV 解决方案 解决方案二:在iframe的页面中,要操作上级页面,用parent.XXX()就可以了,XXX你可以写成个关闭div的函数.

用DIV+CSS如何实现这种表格效果_CSS/HTML

表格效果table                     [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 表格效果div+css xmlns="http://www.w3.org/1999/xhtml"> 1 2 3 4 5 6 7 8 9 10 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

DIV+CSS垂直居中一个浮动元素

 场景:在一个固定高度的div中,有一个浮动的元素,需要将这个浮动元素垂直居中. 原始代码如下: 代码如下: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .wrapper{ width: 400px; height: 300px; background-color: #1f8dd6; } button{ float: r

div+css 宽度自动隐藏并且显省略号

css教程 div宽度自动隐藏并且显省略号 <html xmlns="http://www.jzread.com/1999/xhtml"> <head> <title>css div宽度自动隐藏并且显省略号</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面代码加到&

div+css+js模拟tab切换效果 事件绑定 IE,firefox兼容_javascript技巧

框1111 框2222 框3333 框4444 这里是内容撒.111.. 这里是内容撒.111.. 这里是内容撒.111.. 这里是内容撒222.. 这里是内容撒.222.. 这里是内容撒.222.. 这里是内容撒.333.. 这里是内容撒.333.. 这里是内容撒.333.. 这里是内容撒.444.. 这里是内容撒.444.. 这里是内容撒.444..

DIV+CSS建设网页简单的6个步骤

网页制作Webjx文章简介:DIV+CSS建设网页简单的6个步骤. 大家都知道用DIV+CSS的布局来设计网站便于优化,容易被收录,比如两个网站同时上线,拥有同样的外链,推广2个月后,保证使用DIV+CSS布局的站点获得的排名比传统的TABLE 要好,用DIV+CSS建设该网站首先是从整体布局入手,构思好网站的整体布局结构,一般我们按以下步骤来建设一个网站的页面: 1.顶部部分,其中包括了LOGO.MENU和一幅Banner图片: 2.页面中间部分,那就是我们的主体了,这里就以我们为一客户做的站

DIV+CSS布局的好处

1 内容和形式分离,网页前台只需要显示内容就行,形式上的美工交给CSS来处理.生成的HTML文件代码精简,更小打开更快. 2 改版网站更简单容易了,不用重新设计排版网页,甚至于不用动原网站的任何HTML和程序页面,只需要改动CSS文件就完成了所有改版.对于门户网站来说改版就像换件衣服一样简单容易. 3 搜索引擎更友好,排名更容易靠前. 第一 内容和形式分离,网页前台只需要显示内容就行,形式上的美工交给CSS来处理.生成的HTML文件代码精简,更小打开更快. 这个是DIV+CSS技术最现著的特点,