Saber Mogaddas
دوشنبه 15 خرداد 1391, 11:24 صبح
سلام
این تصویر که گذاشتید یه tooltip هست منو نیست ..نه ربطی به ajax نداره یه tooltip ساده هست که با جی کوئری نوشته شده ..
می تونید از لینک زیر پلاگین tooltip مورد نظر خودتون رو پیدا کنید ..
http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/
اگه دقیقا مثل این سایت رو می خواهید این کد jquery
jQuery(document).ready(function(){ $("#iconbar li").hover( function(){ $(this).find("span").attr({ "style": 'display:inline' }); $(this).find("span").animate({opacity: 1, right: "-240"}, {queue:false, duration:350}); }, function(){ $(this).find("span").animate({opacity: 0, right: "-290"}, {queue:false, duration:400}, "linear", function(){ $(this).find("span").attr({"style": 'display:none'}); } ); }); });
و این هم کد html
<ul id="iconbar"> <li><a href="http://sibaweb.ir/ (http://barnamenevis.org/view-source:http://sibaweb.ir/)" target="_blank"><img src="http://www.persianscript.ir/wp-content/themes/persianscript/images/sw.png (http://barnamenevis.org/view-source:http://www.persianscript.ir/wp-content/themes/persianscript/images/sw.png)" width="48" height="48" alt="" /><span> </span></a></li> </ul>
البته پیشنهاد میکنم که خودتون بنویسید و از این کدها فقط کمک بگیرید ..
موفق باشی..