Dropdown Menu Hover
•
Ditulis oleh Tim Pasti Oke
STYLE
<style>
.dropbtn {
background-color: #4CAF50
color: white
border: none
}
.dropdown {
position: relative
display: inline-block
}
.dropdown-content {
display: none
position: absolute
background-color:#009900
min-width: 160px
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2)
z-index: 1
}
.dropdown-content a {
color:white
padding: 2px 16px
text-decoration: none
display: block
}
.dropdown:hover .dropdown-content {display: block}
.dropdown-content a:hover {background-color:#006633}
.dropdown:hover .dropbtn {background-color:#006633}
/*
.dropdown-content a:hover {background-color: #ddd}
.dropdown:hover .dropbtn {background-color: #3e8e41}
*/
</style>
HTML
<div class="dropdown" style="width:100%"><? echo $rows->c ?>
<div id="myDropdown" class="dropdown-content" style="margin-left:5px width:100% float:right ">
<a href="?ajax=index&pass=<? echo $rows->b?>"><i class="glyphicon-paperclip glyphicon"></i> Layanan</a>
<a href="?d=<? echo $rows->d?>"><i class="fa fa-sitemap"></i> Lihat Anggota KK</a>
<a href="?b=<? echo $rows->b?>"><i class="fa fa-edit"></i> Edit</a>
<a href="?b=new&d=<? echo $rows->d?>"><i class="fa fa-plus"></i> Tambah Anggota</a>
<a href="?d=<? echo $rows->d?>&k=<? echo $rows->idx?>" onclick="return confirm('Yakin akan menghapus <? echo $rows->c ?> ?')"><i class="fa fa-trash-o"></i> Hapus</a>
</div>
</div>
Butuh solusi instan siap pakai?
Dapatkan modul & script server production-ready langsung di web store kami.
Komentar
Belum ada komentar. Jadilah yang pertama memberikan komentar!