• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 224
  • Last Modified:

pop up effect

I have a question on pop effect and how can I generate it with some features implemented on it. In the screenshot mentioned, on click of the slice of pie the popup should open up and there is a close cross which should clode the popup and a play button image is rendered on the popup which should have a click event.

Please send me with code.
0
Moizsaif123
Asked:
Moizsaif123
1 Solution
 
sanjaybhansaliCommented:
Note : first inser jquery  then try this

<style>
.container {
    with: 400px;
    height: 300px;
    border: 1px solid black;
}

.menu {
    position: absolute;
    border: 1px solid black;
    background: #fff;
    left: 180px
}

</style>

<div class='container'>
    <button id="btnShow">Show</button>
    <div class='menu' style='display: none'>
        <button id="btnHide">Close</button><br/>
        Ernst-Heinkel-Strasse 7,<br/>
        DE-71394 Kernen i.R. Germany<br/>
        Contact <br/>
        Telefon: 07151 / 994 64 -0<br/>
        Fax: 07151 / 994 64 -22<br/>
        www.dreamit-sanjay.blogspot.com <br/>
        email: info@herceg.com <br/>
    </div>
</div>

<script>
$(document).ready(function(){
    $('#btnShow').click(function(){
        $('.menu').show().css("top", "400px").animate({top: 50}, 200);
    });
 
    $('#btnHide').click(function(){
        $('.menu').hide();
    });
});
</script>

For more visit: http://www.dreamit-sanjay.blogspot.com
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now