Simple list menu

by Nick Karnik

HTML

<ul class="timeline">
    <li>Play</li>
    <li>Pause</li>
    <li>Stop</li>
    <li>Restart</li>
</ul>

CSS

.timeline {
    border: 1px solid;
    background-color: #4d8bb8;
    position: absolute;
}
.timeline li {
    list-style-type: none;
    float: left;
    margin: 10px;
    padding: 10px border: 1px solid;
}
.timeline li:hover {
    background-color:rgba(33, 55, 76, 1);
    cursor: pointer;
}

JavaScript

document.addEventListener('click', function (e) {

    if (e.srcElement.tagName == "LI") {
        alert(1);
    }
});