js实现层的收缩0000

zhengshuangxi1226

浏览: 50241 次
性别:
来自: 上海

最近访客更多访客>>

u011670147

zhangdaiscott

shizhe0612

labmem_000

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

电子商务互联网 XHTML 工作 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" />
<title>无标题文档</title>
<style>
#content {
font-size: 14px;
width: 200px;
height: 50px;
background: #eee;
padding: 10px;
border: 4px #ccc double;
overflow: hidden;
}
#key {
color: red;
float: right;
margin-top: -20px;
}
</style>
</head>
<body>
<script>
var s=5;
var minheight=50;
var maxheight=400;
function shoppingcat(){
var key = document.getElementById("key").innerText;
if(content.style.pixelHeight==0)content.style.pixelHeight=minheight;
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>
<div id="content">
前沿网络
<span id="key" onclick="shoppingcat();"><a href="#">展开</a></span><br><br>
前沿网络是一家专业提供义乌网站建设、义乌网站制作、义乌网页设计、义乌网店制作、义乌外贸网站制作服务的商务网络设计工作室，同时致力于企业品牌的建立，帮助企业树立良好的企业形象，打开市场，帮助中小企业走出困境。前沿网络--为您带来更多效益、给你创造更大价值、助您获取更好的成功!
我们主要是以协助企业开展电子商务为服务核心。主要产品有[企业网站建设]、[网站改版]、[网站优化推广]、[网店制作]、[外贸网站制作]、[[品牌营销]等等企业所必须的网络服务。
当我们确定为客户服务之前（比如：客户网站建设），会充分考虑客户公司的特性，找到其自身的独特之处，认真完整地为企业制定发展规划、为产品找到应有的定位；树立其与众不同的品牌个性，成为受人瞩目的焦点。对每一个客户，我们都为其制定一份完整的实施方案，为企业和产品量身定做，细心打造。
面对互联网上数以百万计的大大小小的网站，千篇一律！没有什么个性而言，自然，这样的网站也就很难吸引浏览者的目光，更不可能让人记住这个网站了！
前沿网络将会从前台的美观上和后台程序的实用有效性认真制作！保证客户网站整体风格的独特，面向营销时代的实用性的后台程序的完善！实实在在地帮助客户带来良好的..
</div>
</body>
</html>

分享到：

层切换效果 | 层的显示与隐藏

2010-09-05 10:40
浏览 687
评论(0)
分类:Web前端
查看更多

发表评论

文章已被作者锁定，不允许评论。

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论