日期:2014-05-16  浏览次数:20336 次

js实现层的收缩0000
<!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>