اضافه کردن قابلیت Focus کردن زیر منوها در سایت

همانطور که در مرحله قبل توضیح داده شد ممکن است که کاربران به دلایل خاص یا نبودن موس نتوانند با سایت شما به خوبی کار کنند که برای رفع این مشکل ما قابلیت Focus را به object های سایت اضافه کردیم. هم اکنون مرحله ی اضافه کردن قابلیت Focus به زیر منوهای سایت می باشد.

در سایت زیر یک نمونه کد برای Drop Down کردن منوها قرار داده شده است:

http://www.alistapart.com/articles/dropdowns

پلاگین JQuery زیر برای منوها به نام SuperFish می باشد که قابلیت Focus را به زیر منوها اضافه می کند:

http://users.tpg.com.au/j_birch/plugins/superfish

در سایت به قسمت Download رفته و آخرین ورژن پلاگین را دانلود و آنرا Extract کنید. فایل نمونه را باز کرده و رشته کدهای مربوط به script و jquery آنرا در فایل خود کپی نمایید.

همچنین فایل های js آمده شده در رشته کد را به شاخه ی فایل خود کپی نمایید. سپس در رشته کد کپی شده قسمت jquery آن، id مربوط به main menu یا همان منوی اصلی خود را وارد کنید. می توانید در رشته کد زیر تماشا کنید:

JQuery (function(){ JQuery(‘ul#main-menu’).superfish();});

بجای #main-menu، id منوی اصلی خود را می گذاریم.

اضافه کردن قابلیت Focus کردن زیر منوها در سایت