Код: Выделить всё
.marker {
position: relative;
margin: 0 40px;
color: #333;
text-decoration: none;
//line-height: 1em;
& svg {
position: absolute;
left: 0;
top: -50%;
right: 0;
margin-left: auto;
margin-right: auto;
pointer-events: none;
}
& path {
transition: stroke-dashoffset 300ms linear;
stroke-width: 1.0;
stroke: darkgreen;
fill: none;
stroke-linecap: round;
}
&:hover path{
stroke-dashoffset: 0;
}
}
Код: Выделить всё
$(".marker").hover(
// Mouse Over
function(e) {
console.log(e.type);
$(this).addClass("hover");
},
// Mouse Out
function(e) {
console.log(e.type);
$(this).removeClass("hover");
});
var t = 1;
setInterval(function() {
if (t) {
$(".marker").mouseenter()
} else {
$('.marker').mouseleave();
}
t = t?0:1;
}, 1000);
Подробнее здесь: https://stackoverflow.com/questions/791 ... -in-jquery
Мобильная версия