如何使用多个元素的悬停速度

时间:2017-04-22 07:52:02

标签: javascript jquery

我需要帮助理解减慢悬停速度。我将脚本设置为当您将鼠标悬停在元素mejs__speed-button上时移动多个属性(mejs__time-railmejs__group-volume),并且需要设置一些方法来减慢更改。

我的JS代码:

$(document).ready(function() {
$('.mejs__group-volume').hover(
function () {
$('.mejs__horizontal-volume-slider').css({"display":"block"});
$('.mejs__speed-button button').css({"margin":"21px 0 0 -50px"});
$('.mejs__time-slider').css({"width":"-moz-calc(100% - 91px)","width":"-webkit-calc(100% - 91px)","width":"calc(100% - 91px)"});
$('.mejs__duration-container').css({"margin-right":"94.5px"});
},
function () {
$('.mejs__horizontal-volume-slider').css({"display":"none"});
$('.mejs__speed-button button').css({"margin":"21px 30px 0 41px"});
$('.mejs__time-slider').css({"width":"100%"});
$('.mejs__duration-container').css({"margin-right":"3.5px"});
});});

查看实际操作代码的网址:http://wpfreelance.bayoumedia.net/audio/

1 个答案:

答案 0 :(得分:1)