BubbleUpjQueryPluginSosyalag

BubbleUp jQuery Plugin

Yazar: Emre Çördükler | Yayın Tarihi: 04 Şubat 2011 | Yorum Kategori: Css Htm jQuery Menü

Code

<link rel="stylesheet" href="http://hibycocuk.funpic.org/calismalar/bubbleup/css/reset.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>  <script type="text/javascript" src="http://youtubefr.tk/calismalar/bubbleup/jquery.bubbleup.js"></script> <script type="text/javascript"> $(function(){      $("div#demo ul#menu li img").bubbleup({tooltip: true, scale:96});      }); </script> </head> <body> 	 <style type="text/css"> <!--  div#demo { 	margin: 50px auto 50px auto; 	text-align: center; }  div#demo ul#menu {     margin: 5px 0px;     list-style: none;     display: inline-block; }      div#demo ul#menu li {     padding: 0px;     float: left;     position: relative;     margin-left: 5px;     margin-right: 5px;     width: 48px;     height: 48px; }  div#demo ul#menu li a {     position: absolute; }  div#demo ul#menu li img {     position: absolute;     width: 48px;     top: 0px;     left: 0px;     padding: 0px;     margin: 0 8px 0 0;     border: none;     overflow: hidden; }  --> </style>
<script type="text/javascript">
$(function(){

$("div#demo ul#menu li img").bubbleup({tooltip: true, scale:96});
    
});
</script>
</head>
<body>


<div id="demo">
<ul id="menu">
<li> <a href="#"><img src="https://img.webme.com/pic/h/hibycocuk/feeds.png" alt="Full RSS Feed"/></a> </li>
<li> <a href="#"> <img src="https://img.webme.com/pic/h/hibycocuk/emails.png" alt="E-Mail Delivery"/></a> </li>
<li> <a href="#"> <img src="https://img.webme.com/pic/h/hibycocuk/twitters.png" alt="Follow us on Twitter"/></a> </li>
<li> <a href="#"> <img src="https://img.webme.com/pic/h/hibycocuk/facebooks.png" alt="I'm on FaceBook"/></a> </li>
<li> <a href="#" onclick="window.open('http://delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url=http://aext.net&amp;title=AEXT.NET', 'delicious','toolbar=no,width=550,height=550'); return false;"> <img src="https://img.webme.com/pic/h/hibycocuk/deliciouss.png" alt="Save it!"/></a> </li>
<li> <a href="#"> <img src="https://img.webme.com/pic/h/hibycocuk/technoratis.png" alt="Favorite this blog"/></a> </li>
</ul>
</div>