Alguien sabe como crear este widget

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/iclonesblogger/josetensei/scripts.js' type='text/javascript'/>

/*MenuGenerosYporLetras*/

.fleft {
float: left;
}
.cc {
width: 482px;
height: 117px;
background-image: url([url]https://4.bp.blogspot.com/-1xiSknDbAAs/WvRmCm9fbhI/AAAAAAAAHo0/hXwMzpth6VkCAOy_QEHK5n5J_keOw2XZgCLcBGAs/s1600/c.jpg);[/url]
display: block;
margin-top: -3px;
margin-left: 5px;
margin-right: 5px;
}
.ctit {
height: 25px;
text-align: center;
color: #E0F7FC;
font-weight: bold;
font-family: Verdana,Geneva,sans-serif;
padding-top: 13px;
text-shadow: #01A2FF 0px 1px 0px;
}
.ccon {
height: 62px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-top: 4px;
}
ul.alfa {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
ul.alfa  li {
list-style: none;
padding: 0;
display: block;
float: left;
margin-left: 1px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 1px;
}
a.let {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background-color: #EAFAFF;
padding-left: 8px;
padding-right: 7px;
padding-top: 3px;
padding-bottom: 0px;
font-size: 11px;
font-family: Verdana;
text-shadow: #AEDDFF 0px 1px 0px;
text-align: center;
font-weight: bold;
color: #0761B1;
display: block;
height: 17px;
width: auto;
text-decoration: none;
border-right: 1px solid #CAF2FF;
border-bottom: 1px solid #CAF2FF;
}
a.let:hover{
background-color:#CAF2FF;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
-webkit-transition-property:background-color;
-moz-transition-property:background-color
}

<div class='cc fleft'>
<div class='ctit'>Animes por género:</div>
<div class='ccon'>
<div id='genuno'>
<ul class='alfa' style='margin-top:6px; margin-left: 31px;'><li><a class='let' href='search/label/accion'>Accin</a></li><li><a class='let' href='search/label/aventura'>Aventura</a></li><li><a class='let' href='search/label/carreras'>Carreras</a></li><li><a class='let' href='search/label/comedia'>Comedia</a></li><li><a class='let' href='search/label/cyberpunk'>Cyberpunk</a></li></ul>
<ul class='alfa' style='margin-left: 30px;'><li><a class='let' href='search/label/deportes'>Deportes</a></li><li><a class='let' href='search/label/drama'>Drama</a></li><li><a class='let' href='search/label/ecchi'>Ecchi</a></li><li><a class='let' href='search/label/escolares'>Escolares</a></li><li><a class='let' href='search/label/fantasia'>Fantasa</a></li><li><a class='let' href='javascript:void(0);' id='unodos'><img alt='Siguiente' border='0' src='https://lh4.googleusercontent.com/-CMUfwxpV6uo/UNDskt59sgI/AAAAAAAAA30/GShgP95o1NU/s14/ncat.png'/></a></li></ul>
</div>
<div id='gendos' style='display: none; margin-top:6px;'>
<ul class='alfa' style='margin-left:29px;'><li><a class='let' href='javascript:void(0);' id='dosuno'><img alt='Anterior' border='0' src='https://lh4.googleusercontent.com/-f_w8PqGDPKA/UNDskjr5JoI/AAAAAAAAA3w/_TOsEyc9gGk/s14/pcat.png'/></a></li><li><a class='let' href='search/label/ficcion'>Ficcin</a></li><li><a class='let' href='search/label/gore'>Gore</a></li><li><a class='let' href='search/label/harem'>Harem</a></li><li><a class='let' href='search/label/horror'>Horror</a></li><li><a class='let' href='search/label/josei'>Josei</a></li><li><a class='let' href='search/label/lucha'>Lucha</a></li></ul>
<ul class='alfa' style='margin-left: 50px;'><li><a class='let' href='search/label/magia'>Magia</a></li><li><a class='let' href='search/label/mecha'>Mecha</a></li><li><a class='let' href='search/label/militar'>Militar</a></li><li><a class='let' href='search/label/misterio'>Misterio</a></li><li><a class='let' href='search/label/musica'>Msica</a></li><li><a class='let' href='javascript:void(0);' id='dostres'><img alt='Siguiente' border='0' src='https://lh4.googleusercontent.com/-CMUfwxpV6uo/UNDskt59sgI/AAAAAAAAA30/GShgP95o1NU/s14/ncat.png'/></a></li></ul>
</div>
<div id='gentres' style='display: none; margin-top:6px;'>
<ul class='alfa' style='margin-left: 5px;'><li><a class='let' href='javascript:void(0);' id='tresdos'><img alt='Anterior' border='0' src='https://lh4.googleusercontent.com/-f_w8PqGDPKA/UNDskjr5JoI/AAAAAAAAA3w/_TOsEyc9gGk/s14/pcat.png'/></a></li><li><a class='let' href='search/label/parodias'>Parodias</a></li><li><a class='let' href='search/label/psicologico'>Psicolgico</a></li><li><a class='let' href='search/label/recuentos-de-la-vida'>Recuentos de la Vida</a></li><li><a class='let' href='search/label/romance'>Romance</a></li></ul>
<ul class='alfa' style='margin-left: 40px;'><li><a class='let' href='search/label/seinen'>Seinen</a></li><li><a class='let' href='search/label/shojo'>Shojo</a></li><li><a class='let' href='search/label/shonen'>Shonen</a></li><li><a class='let' href='search/label/vampiros'>Vampiros</a></li><li><a class='let' href='search/label/yaoi'>Yaoi</a></li><li><a class='let' href='search/label/yuri'>Yuri</a></li></ul>
</div>