dl+ol应用
作者：嗷嗷 发布时间：2008-06-21 17:04:00
标签：dl,ol,css
上次 li 把 dl 模拟了~dl不知道要干什么了:green:~找了ol一起来做复合列表~
:
这个练习除了css外~外加用了点JS :shifty:
先看下难看的演示 因为最近太懒~没做漂亮的样式 :shifty:
CSS的重点
dt.ing a
{
background:#efefef;/*移上去的背景*/
}
dd
{
position: absolute;/*把DD流出来*/
display: none;/*把DD默认隐藏起来*/
width:280px;
background-color: #fff;
}
dd.ing
{
display: block;/*移上去的显示*/
}
dd.no
{
display:none;
}
dd#d1
{
margin-top:-32px;
margin-left:120px;/*把dd移到合适的地方 #d2#d3#d4也一样*/
}
JS部分
<script type="text/javascript">
var ddiShow=2;//定义一个变量来记录选中的 因为dl dd都要~为了省个变量所以..用数字
function show(iShow)
{
document.getElementById(['d'+ddiShow]).className="no";
document.getElementById(['t'+ddiShow]).className="no";//改掉原来的样式~隐藏起来
var iShow;
ddiShow=iShow;//把选中的的值给ddiShow 留下次用
document.getElementById(['d'+iShow]).className="ing";
document.getElementById(['t'+iShow]).className="ing";//改样式显示出来~~
return false;
}
</script>
改个事件试一下
0
投稿猜你喜欢
- 不通过数据源名DSN也能访问Access数据库吗？代码如下：<％ dim conn &nbs
印刷和网络是不一样的。传统的布局排版并不适于网络，因为传统的印刷布局，几乎只想要什么样的平面效果都能很好的达到，但在网络上设计就很困难，尽管- 因为要做移动梦网WAP的一些接口，所以要用到这种方式，接下来会有ASP.net版本的，这个是ASP版本的，利用了MSXML2.XMLHTTP
- 在Intel的早期，Andy Grove遇到一个雇员 - 他建议公司在芯片的基础上开发个人计算机。AndyGrove疑问道“个人计算机能做什
- 在国外一博客看到的技巧，终于解决IE的这个老大难问题。我在IE的setAttribute bug也提到其解决方法，一是innerHTML，一
- 作者： Terrance译者：Sheneyan(子乌)时间：2010.2.6英文原文：13 Useful WordPress SQL Que
- 一个ASPJPEG组件综合操作的asp类CLASS相关文章：ASP怎么谈到应用到类的？ASP中类的详细介绍（class Property G
- 最近经常使用字符串查找功能。 包括 1、全匹配查找字符串 2、模糊查找字符串 CHARINDEX 和 PATINDEX 函数都返回指定模式的
- 由于多种原因，进行安全设置的人们常常不理解数据的真正价值，所以，他们也无法对数据进行合适的保护。将你的数据只限于需要的人访问，并保证访问的人
- jQuery.sheet 是一个用于创建 Web 电子表格的 jQuery插件，其功能及界面风格和微软的 Excel 非常相似，使得用户不至
- ASP中转换unicode编码为GB编码方法：<％ function urldecode(encodestr)
- 以用户为中心的设计、用户体验，这两个词现在在互联网上几乎随处可见，除了设计师外，很多的用户也都在说这两个词，于是我们经常会听到诸如“这里用户
- 下面的request.servervariables例子都是服务器探针采用的asp代码本机ip:<％=request.serverva
- <％ '****************************** '函数：Chec
- 突发奇想，写了以下这段代码，感觉还不错，拿来和大家分享作用：查看页面布局使用方法：在页面底部包含以下这段代码ff3,ie7测试可用var&n
- XML 的使用越来越广泛，但是很多 XML 的结构并不好。即便结构良好，也常常设计得很糟，使得处理和维护非常困难。而大部分用于 XML 的基
- 密码保护是注册过程中的关键环节，尤其是对帐户安全级别比较高的网站，尤其在账号被盗或者涉及安全登录等问题的情况下，密码保护问题作为用户身份识别
- 目录 一、环境配置 二、ASP对Excel的基本操作 三、ASP操作Excel生成数据表 四、ASP操作Excel生成Chart图 五、服务
- 越简单越丰富——极简网页设计视觉呈现技巧如何让杂乱又咄咄逼人的网页变得轻薄简洁而美观，又需保留完整功能、同时很好的区分出重点模块？这往往是让
- ------谁正在访问数据库?Select c.sid, c.serial#,c.username,a.object_id,b.
