Facebook like drop down menu using jQuery

Visit Infonine.in Blog http://infonine.in/blog

Today we will see a drop down menu like a facebook notification. We are using a jquery here. The code we use here is very easy and short.


<!--<span class="hiddenSpellError" pre="" data-mce-bogus="1"-->DOCTYPE html>jQuery<script src="js/jquery.js" type="text/javascript"></script></pre>
<div class="image-box">MENU
<div class="expand-box"><img src="user_female.png" alt="" width="20" height="20" />
<ul>
	<li><a href="#">My Profile</a></li>
	<li><a href="#">Setting</a></li>
	<li><a href="#">Privacy</a></li>
	<li><a href="#">Logout</a></li>
</ul>
</div>
</div>
<pre><script type="text/javascript">// <![CDATA[
$(".image-box").mouseover(function() {

	$(".expand-box").show();
	
}).mouseout(function() {

	$(".expand-box").hide();
});
// ]]></script>

Hope this will help you in your projects.
Please share/recommend  if you like this post.
Thanks,
Nikhil U.
UI Designer
Pune[MH,India]

 

Check more links for Government Schemes

  1. PAYTM September 2015 Cashback on Recharge, Bill Payments, Bus Bookings
  2. List of must have Android MP3 Music Players
  3. PAYTM September 2015 Mobile DTH Recharges Cashback
  4. Post Office Time Deposit Account Details
  5. Post Office Recurring Deposit Account Details
  6. FREECHARGE Cashback, Recharges, Promo Codes, Offers
  7. Post Office Savings Account
  8. PAYTM – Cashback, Recharges, Promo Codes, Offers
  9. Pradhan Mantri Suraksha Bandhan Yojana – Details
  10. Post Office Monthly Income Scheme (POMIS) Details
  11. Senior Citizen Savings Scheme (SCSS)
  12. Kisan Vikas Patra (KVP) Certificates Details
  13. Pradhan Mantri Suraksha Bima Yojana (PMSBY)
  14. Pradhan Mantri – Jeevan Jyoti Bima Yojana
  15. Android App MP3Rocks
  16. Bhagyashri Scheme by Maharashtra Government
  17. Pradhan Mantri Jan Dhan Yojana
  18. Sukanya Samriddhi Yojana
  19. Pradhan Mantri – Atal Pension Yojana (PMAPY)

About Nikhil
Name : Nikhil Ughade UI Developer, Accidentally in design field, no turn back since then. Location : Pune (MH, INDIA) From : Amravati (MH,INDIA) College : VYWS's College Of Engg. Badnera, Amravati Hobby : Social Networking, Designing Web Sites, Photography, Reading Books. In Free time works for NGO.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 287 other followers

%d bloggers like this: