Sliding Text on Images by using jQuery in Asp.net


<div id="divImage">
  <asp:Image ID="Image1" runat="server" Width="1170px" Height="657px" ImageUrl="~/Images/Koala.jpg"/>
  <div id="divImgTitle">This Animal Name is Koala</div>
</div>
<style type="text/css">
        #divImgae {
            width:1170px;
            height:657px;
            position:absolute;
        }
        #divImgTitle {
            position:absolute;
            width:1170px;
            bottom:0;
            padding:30px 0;
            background-color:rgba(37,34,34,0.6);
            font-size:20px;
            text-transform:uppercase;
            color:#fff;
            text-align:center;
        }
</style>
<script>
 $(document).ready(function () {
                $("#divImgTitle").hide();
            $("#Imageslide").hover(function () {
                $("#divImgTitle").slideToggle();
            });
        });
</script>
0 Komentar untuk "Sliding Text on Images by using jQuery in Asp.net"

Back To Top