程序博客网 > js 对象添加属性和值

CSS3 如何让height:auto实现transition过渡效果

来源：互联网发布：js 对象添加属性和值编辑：程序博客网时间：2024/06/04 18:31

代码如下

<body><script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script><style type="text/css">.oh{overflow:hidden;}.box{max-height:30px;transition: max-height 1s;-moz-transition: max-height 1s;/* Firefox 4 */-webkit-transition: max-height 1s;/* Safari 和 Chrome */-o-transition: max-height 1s;/* Opera */background:#ccc;}/* 关键在于指定一个大于元素在height:auto 时的高度的值，让元素过渡到一个达不到的height值，这样就模拟了height:auto过渡的效果注意max-height不可设置太大，否则效果不明显*/.box-h{max-height:120px;}</style><script type="text/javascript">function boxClick(){$(".box").toggleClass("box-h");}</script><div class="box oh" onclick="boxClick()"><div style="padding:5px 0px;">效果</div><div style="padding:5px 0px;">效果</div><div style="padding:5px 0px;">效果</div></div></body>

阅读全文

0 0

js 对象添加属性和值

js 对象添加属性和值

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子储蓄卡到期了怎么办微信乱发信息怎么办怀疑手机中毒了怎么办 pos机连接失败怎么办 mac密码忘记了怎么办 mac密码忘了怎么办血压正常高值怎么办高压94低压142怎么办老年人血压200多怎么办血压高达200多怎么办请问血压高200怎么办孩子上课爱讲话怎么办孩子上课老说话怎么办被盗取通讯录该怎么办无线网忘记密码怎么办网银忘记密码怎么办如法网忘记密码怎么办新开的网店没单怎么办网店没有流量怎么办脸上颧骨肉多怎么办新车底盘刮了怎么办赤炼死了卫庄会怎么办发现老公骗你怎么办吉他面板鼓起来怎么办高速遇到团雾怎么办遇到不服的下属怎么办产后恶露不干净怎么办恶露反复不干净怎么办强力胶粘到手上怎么办强力胶弄到手上怎么办吃了辣条怎么办收到邪教的纸币怎么办哥哥他爱我怎么办见红了宫口不开怎么办见红了宫口没开怎么办桂花老是掉叶子怎么办盆栽桂花掉叶子怎么办龙船花掉叶子怎么办仙丹花蔫了怎么办蝴蝶兰花剑断了怎么办风信子水培根少怎么办