Apply mouse hover style

This commit is contained in:
takezoe
2014-05-08 07:30:35 +09:00
parent 1a2e89c9ed
commit e10d02f45c

View File

@@ -45,12 +45,14 @@ ul.sidemenu div.gradient {
height: 35px; height: 35px;
background: linear-gradient(to right, #eee, #fff); background: linear-gradient(to right, #eee, #fff);
margin-right: 4px; margin-right: 4px;
border-left: 1px solid #eee;
} }
ul.sidemenu div.margin { ul.sidemenu div.margin {
width: 5px; width: 5px;
height: 35px; height: 35px;
margin-right: 4px; margin-right: 4px;
border-left: 1px solid white;
} }
ul.sidemenu li { ul.sidemenu li {
@@ -66,6 +68,16 @@ ul.sidemenu span.badge {
padding-right: 4px; padding-right: 4px;
} }
</style> </style>
<script>
$(function(){
$('ul.sidemenu a').mouseover(function(e){
$(e.target).prev('div.gradient').css('border-left', '1px solid silver');
});
$('ul.sidemenu a').mouseout(function(e){
$(e.target).prev('div.gradient').css('border-left', '1px solid #eee');
});
});
</script>
<div class="container body"> <div class="container body">
<div style="width: @if(expand){170px} else {40px};" class="pull-right"> <div style="width: @if(expand){170px} else {40px};" class="pull-right">
<ul class="sidemenu"> <ul class="sidemenu">