0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

آرشیو برچسب ها

Tooltip

ابتدا توسط جی کوئری یک تابع می سازیم تا برای تولتیپ tooltip از آن برای تول تیپ لینک ها استفاده کنیم آموزش ساختن تولتیپ tooltip محوریت کار این تابع، گرفتن توضیحات (Description) از خاصیت (attribute) عنوان (title) یک لینک، حذف حالت پیشفرض و تعیین حالتی جدید… این عملیات رو میتونیم به راحتی با کمک جی کوئری پیاده سازی کنیم. به همین منظور، تابع زیر رو تعریف کردیم: JQuery $( document ).ready( function() { var targets = $( ‘[rel~=tooltip]’ ), target = false, tooltip = false, title = false; targets.bind( ‘mouseenter’, function() { target = $( this ); tip = target.attr( ‘title’ ); tooltip = $( ‘<div id=”tooltip”></div>’ ); if( !tip || tip == ” ) return false; target.removeAttr( ‘title’ ); tooltip.css( ‘opacity’, 0 ) .html( tip ) .appendTo( ‘body’ ); var init_tooltip = function() { if( $( window ).width() < tooltip.outerWidth() * 1.5 ) tooltip.css( ‘max-width’, $( window ).width() / 2 ); else tooltip.css( ‘max-width’, 340 ); var pos_left = target.offset().left + ( target.outerWidth() / 2 ) – ( tooltip.outerWidth() / 2 ), pos_top = target.offset().top – tooltip.outerHeight() – 20; if( pos_left < 0 ) { pos_left = target.offset().left + target.outerWidth() / 2 – 20; tooltip.addClass( ‘left’ ); } else tooltip.removeClass( ‘left’ ); if( pos_left + tooltip.outerWidth() > $( window ).width() ) { pos_left = target.offset().left – tooltip.outerWidth() + target.outerWidth() […]