收藏 分站 简化版 股指 预订
日历 地图 计算器 行情 电脑
影视 携程 导购 WAP 排行
首页 软件 源码 网络 窍门 笑话 知识 公告
全部 综合数码金融娱乐服务报刊政府机构 推荐 申请 友情  
您现在的位置:首页 >> CSS >> 内容

单击控制层的展开和关闭

内容摘要:style #content,#intro{ font: 13px/25px; width: 200px; height: 40px; background: #eee; padding: 10px; border: 4px #ccc double; border-bottom:0; overflow: hidden; } #intro { color: #......

  <style>

#content,#intro{

font: 13px/25px;

width: 200px;

height: 40px;

background: #eee;

padding: 10px;

border: 4px #ccc double;

border-bottom:0;

overflow: hidden;

}

#intro {

color: #036;

font:12px;

border: 4px #ccc double;

border-top:0;

height:70px;

}

#key{color:#900;float:right}

hr{height:1px;border:1px #ccc dotted}

</style>

<script>

var s=5;

var minheight=40;

var maxheight=500;

function shoppingcat(){

var key = document.getelementbyid("key").innertext;

if(key=="展开"){

content.style.pixelheight+=s;

if(content.style.pixelheight<maxheight){

settimeout("shoppingcat();",1);

}else{

document.getelementbyid("key").innertext="关闭";

}

}else{

content.style.pixelheight-=s;

if(content.style.pixelheight>minheight){

settimeout("shoppingcat();",1);

}else{

document.getelementbyid("key").innertext="展开";

}

}

}

</script>

  版权声明:本内容来源于互联网,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。


发布日期:2009-10-01 发布时间:16:46:30 点击:1287 
  • 上一篇:CSS代码解决网页挂马问题
  • 下一篇:没有了
  • 本类新增
    本类热门文章
    壹 家 软 件 工 作 室(YiJia SoftWare Workroom) 齐天大圣® 制 作 ©2000-2017

    最佳1024*768浏览
    闽ICP备05000814号-1
    YJCMS V1.7 Build 17.1.7

    本免费空间由景安网络(yjyy)提供