欢迎来到福编程网，本站提供各种互联网专业知识！

手机版

微信关注

快捷导航: 正则表达式 AJAX相关黑客相关相关技巧 Mysql MsSql MsSql2005 MsSql2008 MariaDB Oracle Access SQLite PostgreSQL MongoDB DB2 Redis 数据库文摘数据库其它 LINUX RedHat/Centos Ubuntu/Debian Fedora Solaris 红旗Linux Unix/BSD 苹果MAC 麒麟系统注册表 BIOS 系统安装系统进程 Fireworks教程

广告商业广告，理性选择

您的位置：网站首页 > 网络编程 > JavaScript > javascript技巧

仿YAHOO的一个小效果下拉效果

发布时间：2006-11-01　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

隐藏/显示层分类信息111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111[Ctrl+A全选注:如需引入外部Js需刷新才能执行]

<!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=gb2312" /> 
<title>隐藏/显示层</title> 
<style type="text/css"> 
<!-- 
body{ 
    background: #FFF; 
    color: #000; 
    font: normal 12px 宋体,arial,sans-serif; 
    margin: 0; 
    padding: 0; 
    text-align: left; 
}

div,form,ul,ol,li,span,p { 
    border: 0; 
    margin: 0; 
    padding: 0; 
}

/*清除float*/ 
.clear{ 
    clear: both; 
    font-size: 1px; 
    visibility: hidden; 
}

/*分类标题*/ 
.class_title{ 
    margin: 0 auto; 
    width: 504px; 
    height: 17px; 
    border: 1px solid #9EB1C0; 
    padding: 1px; 
    background:url(http://www.east-dragon.cn/files/sw/images/title_bg.gif); 
}

.class_title h2{ 
    margin: 0; 
    padding: 2px 0 2px 18px; 
    height: 12px; 
    color: #16387C; 
    font: bold 13px 宋体,arial,sans-serif; 
    cursor:pointer; 
    letter-spacing: 2px; 
    text-align: left; 
}

#tabclass1{ 
background:url(http://www.east-dragon.cn/files/sw/images/tab_drop1.gif) 6px center no-repeat; 
}

/*分类列表（模块一）*/ 
#class_cnt1{ 
    background: url(http://www.east-dragon.cn/files/sw/images/class_cntbg.gif) left bottom repeat-x; 
    border: solid #9EB1C0; 
    border-width: 0 1px 1px 1px; 
    height: 287px; 
    margin: 0 auto; 
    text-align: left; 
    width: 506px; 
    display: block; 
  overflow:hidden; 
}

#class_cnt1 p{ 
   margin:0; 
   padding:3px; 
   line-height:150%; 
} 
--> 
</style>

</head> 
<body> 
     
         <h2 id="tabclass1" onclick="showClassList()" title="隐藏/显示信息">分类信息</h2>          
              
     
    <p style="TEXT-INDENT: 2em"> 
    1111111
 
    111111111
 
    1111111
 
    111111111
 
    1111111
 
    111111111
 
    1111111
 
    111111111
 
    1111111
 
    111111111
 
    1111111
 
    111111111
 
    111111111
 
    </p> 
     
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：一些实用的TAB效果第1/2页

下一篇：教学演示-UBB,剪贴板,textRange及其他

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

仿YAHOO的一个小效果下拉效果

相关推荐

文章分类

热门关键词

热门文章

最新更新

仿YAHOO的一个小效果 下拉效果

相关推荐

文章分类

热门关键词

热门文章

最新更新

仿YAHOO的一个小效果下拉效果