Не уберется css class... Как сделать так что бы когда мышу увожу class исчезал
CODE ( javascript):
скопировать код в буфер обмена
var ddb = (function(ddb){ var ddbTimerOpen = 0, ddbTimerElClose = {}; ddb.onclick = function(el, event){ $(el).toggleClass('open'); }; ddb.onmouseleave = function(el, event, opts){ opts = $.extend({ timeout: 300 }, opts); clearTimeout(ddbTimerOpen); var ddbcid = Math.floor(Math.random() * 1000000); $(el).data('ddbcid', ddbcid); ddbTimerElClose[ddbcid] = st(function() { $(el).removeClass('open'); }, opts.timeout); }; ddb.onmouseenter = function(el, event){ var ddbcid = $(el).data('ddbcid') || 0; if (ddbTimerElClose[ddbcid]) { clearTimeout(ddbTimerElClose[ddbcid]); } }; ddb.openOnHover = function(el, event, timeout){ var ddbcid = $(el).data('ddbcid') || 0; if (ddbTimerElClose[ddbcid]) { clearTimeout(ddbTimerElClose[ddbcid]); } var ddbTimerOpen = setTimeout(function(){ $(el).addClass('open'); }, timeout); }; return ddb; })({});
CODE ( html):
скопировать код в буфер обмена
<div class="Drop" onclick="ddb.onclick(this, event);" onmouseout="ddb.onmouseleave(this, event);" onmouseover="ddb.openOnHover(this, event, 150);"> Бла бла бла</div> </div>
|