Minggu, 28 Juni 2020

Dropdown Menu Hover

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-width160px;
    box-shadow0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index1;
}

.dropdown-content a {
    color:white;
    padding2px 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>





0 komentar:

Posting Komentar