javaｓｃｒｉｐｔ控制网页上升和扩展效果的方法

本文介绍了javaｓｃｒｉｐｔ控制web层收集和扩展效果的方法，供大家参考：





>





<！——

-->
一个非常酷的div层的膨胀收缩效应

*边距：0；填充：0；}
{体
文本对齐：中心；
字体：75% Verdana，Arial，Helvetica，sans-serif；
}
{ H1
125%字体：Arial，Helvetica，sans-serif；
文本对齐：左；字体重量：大胆；
背景：# 333；padding: 3px；
显示：块；颜色：# 99cc00
}
{。一班
宽度：40%；背景：# CCC；
职位：相对；保证金：0汽车；
填料：5px；}
跨{位置：绝对；右：10px；
上图：8px；鼠标指针；颜色：黄色；
}
P {文本对齐：左；线高度：20px；
背景：# 333；padding: 3px；边距：5px；
颜色：# 99cc00
}
{ # class1content
身高：300px；溢出：隐藏
}


函数$（元素）{
返回元= document.getelementbyid（元）；
}
函数$（）{
var a $（'class1content）；
var H = d.offsetheight；
无功maxh = 300；
功能dmove（）{
h＝50；设置层扩展速度
如果（H > = maxh）{
d.style高度= '300px；
ClearInterval（iintervalid）；
其他{ }
d.style显示=阻止；
d.style高度= H + 'px；
}
}
iintervalid = setInterval（dmove，2）；
}
函数$（）{
var a $（'class1content）；
var H = d.offsetheight；
无功maxh = 300；
功能dmove（）{
h = 50；设置层和收缩率
如果（h＝0）{
d.style显示=不关；
ClearInterval（iintervalid）；
其他{ }
d.style高度= H + 'px；
}
}
iintervalid = setInterval（dmove，2）；
}
函数$（）{
var a $（'class1content）；
VaR的某人（'statebut美元）；
如果（d.style显示= =不关。）{
（d美元）；
某人innerHTML = 'contraction；
其他{ }
（2美元）；
某人innerHTML = 'expansion；
}
}




div层的展开效应
正常开放
曾经有一份真挚的爱摆在我面前。
我没有珍惜它，当我失去它的时候，我不得不忏悔。
世界上最痛苦的事。
如果上帝能给我一个再来的机会，
我会对女孩说三个字：我爱你。
如果你不需要在这份爱中加上期限，
我希望是……一万年！





希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。