javascript学习札记(1) 缓动效果显示
发布时间: 2012-09-04 14:19:30 作者: rapoo
javascript学习笔记(1) 缓动效果显示隐藏div
学习javascript,实现两个功能:
?
显示隐藏div;通过Tween算法实现div显示和隐藏的缓动效果。
?
参考链接:缓动效果参考文章:JavaScript html js Tween类型
?
html代码
?
?
?javascript代码?
?
?css代码?
p, span {margin:0;}#wrapper {width:960px;margin:30px auto;padding:20px 0;background:#ececec;}.contents {margin:0 15px;padding:5px 10px;border:#feb800 dotted 2px;}.content p {text-indent:20px;line-height:120%;margin-top:5px;}.show {width:200px;padding-left:25px;margin-top:5px;font-weight:bold;background:#E4F9F8 url(../img/show_hidden.png) 0 0 no-repeat;border:#000 dotted 1px;cursor:pointer;}.hidden {display:none; background:#f0c8a0;margin:5px 10px;padding:0 5px;overflow:hidden;border:black dotted 1px;}