H5 audio标签和CSS3 animation的问题

Question

问题1：H5的audio标签有当src改变时的事件吗？或者有其他代替的事件吗？ 问题2：使用scrollTop改变滚动条时 能使用css3添加动画或者添加过渡效果吗？（最好能给个具体例子）。

Answer 1

1.src 改变时会触发 load() 事件，重新加载资源。
2.$("html, body").animate({ scrollTop: "300px" });
3.不引入jquery:

var body = document.body; // Chrome, Safari and Opera

var html = document.documentElement; // Firefox and IE

//每5毫秒移动一个像素距离

var pos = 0;

var interval_id = setInterval(function(){

    if (pos == 300) {

        clearInterval(interval_id);

    } else {

        pos++; 

        body.scrollTop = pos; 

        html.scrollTop = pos; 

    }

}, 5);