首页 > Web开发 > 详细

js 点击动画更改元素的高度和元素的文本内容

时间:2017-08-25 10:43:23      阅读:314      评论:0      收藏:0      [点我收藏+]

动画效果兼容各大标准浏览器和 IE 5-11 版本

js 代码如下:

$(".tc>span>a").click(function () {
        if ($(this)[0].innerText == "更多课程>>"){
            $(".tc>div>ul").stop().delay(50).animate({height:1604},500);
            $(this)[0].innerText = "<<收起";
        }
        else {
            $(".tc>div>ul").stop().delay(50).animate({height:802},500);
            $(this)[0].innerText = "更多课程>>";
        }
        return false; // 阻止默认事件
    }); // 更多课程

HTML 代码结构如下:

<div class="tc mld">
        <h5><span>辅导班</span><small></small></h5>
        <div style="background:#c2c2c2">动画更改高度的div</div>
        <span><a href="#">更多课程>></a></span>
    </div>

O(∩_∩)O谢谢!!!

js 点击动画更改元素的高度和元素的文本内容

原文:http://www.cnblogs.com/zxn-9588/p/7426497.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!