How can we implement Pop-up in JQuery without Plugin?

How can we implement Pop-up in JQuery without Plugin?

Hi Sir

How can we Implement pop-up in JQuery without using plug-in. Please provide me code with detailed answer.

Thanks in advance.

View Answers

December 15, 2010 at 1:10 PM

Hello Friend

You need one png image for pop box. Here we are using "bubble.png" as background image for pop-up box. The code is given below :

<style type="text/css">
    * { margin: 0; padding: 0; border: 0; }
.rss-popup {
    margin: 80px;
    padding: 0;
    width: 100px;
    position: relative;
}
div.rss-popup em {
    background: url(bubble.png) no-repeat;
    width: 100px;
    height: 60px;
    position: absolute;
    top: 120px;
    left: 120px;
    text-align: center;
    text-indent: 3px;
    z-index: 1;
    display: none;
}
#rss-icon {
    width: 231px;
    height: 60px;
    background: url(logo.gif) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0;
    display: block;

}
</style>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $(".rss-popup a").hover(function() {
    $(this).next("em").stop(true, true).animate({opacity: "show", top: "60"}, "slow");
    }, function() {
    $(this).next("em").animate({opacity: "hide", top: "60"}, "fast");
    });});
    </script>
</head>
<body><div class="rss-popup">
<font color="purple">
<a href="http://www.roseindia.net/" id="rss-icon">RSS Feed</a>
<em>click on logo to connect to Roseindia</em></font></div</body>









Related Tutorials/Questions & Answers:
How can we implement Pop-up in JQuery without Plugin?
Pop up on hover using jQuery plug in
Advertisements
How to Creating Pop Up Menu in PHP?
How to Create Pop Up Boxes in JavaScript
pop up
creating pop up menu
pop up window in java
what is cloud computing? any how we can implement?
How can we submit a form without a submit button?
Pop Up window - WebSevices
Pop-up Window
POP UP WINDOW
pop up message in java
how to validate the telephone number without using jquery in html with javascript
JavaScript Pop Up Boxes
without writing web.xml file we can write servlet program
Adding pop up menu on headlines.
Pop up Very Very Urgent - JSP-Servlet
passing text value from pop up to parent page
Jquery
how can i achieve multiple inheritance in java without using inheritance ?
get data in pop up window droplists and on selecting data in the same show a grid table with related datas
How can i implement the calculator programe in jsp code
How can we destroy the cookie?
can we use scanner class,class , object and methods to get output without using constructor ????
how can i use ajax and jquery in netbeans ide
Can an Interface implement another Interface?
jQuery Training Course
jQuery Demos
How we can create a table through procedure ?
How can we register the variables into a session?
How can we repair a MySQL table?
How can we know that a session is started or not?
how can we store the encrypted passwaord in swings?
how to print HTML using javascript or Jquery
The 'innerfade' effect with "Images" using jQuery plug-in
how we can create website through java
How can we get hibernate statistics?
JQuery-Disabling element in JQuery.
How can we save a data list in jsf?
How can we destroy the session, how can we unset the variable of a session?
How can we solve this puzzle using java ?
Auto complete text box using jQuery plug in
how to implement spring security - Spring
How can I paginate a table which has shown in a div through Ajax in client side without using database
What is jQuery and how it is used?
What is jQuery and how it is used?
How to reset a form in jQuery?
How to animate div with jQuery and JavaScript?
How to animate div with jQuery and JavaScript?

Ads