<! DOCTYPE html>
<html lang = "es">
<head>
<meta charset = "UTF-8">
<title> Título </ title>
<style>
ul {
list-style-type: none;
anchura: 200 píxeles;
position: absolute;
la izquierda: 500px;
}
ul li {
margin-top: 10px;
Cursor: puntero;
text-align: center;
font-size: 20px;
}
</ Style>
<script src = "jquery-1.12.2.js"> </ script>
<script>
$ (function () {
$ ( "ul> li") al pasar el ratón (function () {.
$ (this) .css ( "backgroundColor", "rojo");
.}) mouseout (function () {
$ (this) . .parent () encuentra ( "li") CSS ( "backgroundColor", "");.
.}) click (function () {
. $ (this) .prevAll () CSS ( "backgroundColor", "amarillo") .end () nextAll () css ( "backgroundColor", "azul");..
});
});
</ Script>
</ head>
<body>
<UL>
<Li> Qingdao Beer (tsingtao) </ Li>
<Li> Valentin (Wurenbacher) </ Li>
<Li> nieve (nieve) </ li>
<li> Ao Dingge cura (Franziskaner) </ li>
<li> Corona Heineken Bolong (Paulaner) </ li>
<li> Carlsberg Kaiserdom </ li>
<li> Roosevelt (Rochefort) </ li>
<li> elefante rosa (delirio) </ li>
<li> discapacidades fuerte del amor (Eichbaum) </ li>
<li> marca Harbin cinta azul </ li>
</ ul>
</ body>
</ html>