ساخت پنل با hover شدن موس روی هر چیزی

[bomb23]

سلام یه سوال دارم اینکه این پنل ها که باز میشن رو چطوری باید ساخت؟
لطفا کمک کنید؟
108892

[esmaeilbf]

اینا رو که توی html باید نوشت
توی تگ a و خاصیت title

[t---97]

<a href="#" title="متن مورد نظر مشا ">کلیک </a>

[bomb23]

برای سفارشی کردنش باید چیکار کرد مثل تصویر زیر
108900

[mbasirati]

برای این کار میتونی خودت با جی کوئری کد بنویسی یا میتونی از پلاگینای آماده استفاده کنی. مثلا پلاگین poshytip (https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CC8QFjAA&url=http%3A%2F%2Fvadikom.com%2Fdemos%2Fposhytip%2F&ei=OZEHUtv7LsWr4ATV0IH4Ag&usg=AFQjCNFEL5HYX4CgI1COROob0qV_Stag7A&sig2=6ELS4BHRyZE1RzLHWjTN8A&bvm=bv.50500085,d.aWc&cad=rja)

عبارت tooltip jquery plugin رو تو گوگل سرچ کن تا دلت بخواد انواعش رو برات میاره.

[راحله نادری]

چه جوری می شه از این پلاگین های آمده jquery تو صفحه استفاده کرد؟

[mbasirati]

چه جوری می شه از این پلاگین های آمده jquery تو صفحه استفاده کرد؟

خب هر پلاگینی مستندات داره و نحوه استفاده شو توی سایتش توضیح دادن.

[sinoser]

دوستمون درست گفتن .در واقع راحت ترین راه استفاده از پلاگین هست ولی اگر jQ بلد باشی و شکل خاصی مد نظرت باشه هم به راحتی می تونی پیاده سازی کنی!
الگوریتمش میشه :

1- اگر موس روس المنت مورد نظر رفت انگاه
2- باکس با کلاس فلان را به صورت پویا بساز با مقدار title تگ a (یا مقدار هر صفت مورد نظر تگ ها)
3- ان را به موقعیت موس ببر (که می شود موس بالا چپ یا هر جای دیگر باشد)
4- اگر موس خارج شد
5- باکس با کلاس مشخص را محو و حدف کن

با این اگوریتم کلی میشه این مدل توضیحات رو ساخت
--------------------------------------------------------------------------------------------------
نحوه استفاده از پلاگین های نمایش متن توضیح
به طور کلی :
1- ضمیمه کردن فایل کتابخانه jQuery به صفحه که در سایت jquery.com موجود هست
2- اگر پلاگین با توابع jQuery UI کار می کرد فایل کتابخانه UI را هم به صفحه ضمیمه کنید که این هم در ادرس jqueryui.com موجود هست (پایین صفحه ادرس ها درج شده)
3- استفاده از دستور ان پلاگین

طرز استفاده از پلاگین در محل دریافت پلاگین درج میشه و اکثرا به صورت متد های jQ هستند یعنی به شی ریشه $() یا همان jQuery() متصل میشن
و دارای یک سری تنظیمات هستند ولی اکثر موارد تنظیمات پیش فرض پلاگین را فعال می کنه مثلا داریم


$('ul#imgDivBox').sinoserZoomImgList(150,300,$('ul #imgDivBox li img').length,{side:'rtl'});

پلاگین sinoserZoomImgList بر روی عناصر UL صفحه که دارای شناسه (id) imgDivBox هستند عمل می کند و دارای چند پارامتر تنظیمات ورودی می باشد