حرکت div با ماوس

[amirv60 7]

می خواستم یک div داشته باشم که با حرکت ماوس و تغییر مکان آن ، مکان div هم تغییر کند و زیر ماوس قرار گیرد.

 salam tehran

البته قبل از این کد جاوا اسکریپت را هم لود کردم.

[amirv60 7]

در اصل این را می خوام :

http://www.svennerberg.com/examples/imagemap_rollover/index_jquery.html

[amirv60 7]

به چه قشنگی انجام دادم .

این هم دمو آنلاین

[عبدالله عصمتی 35]

میشه بگید چطوری میشه درست کرد

[hamed_ah 23]

دوست عزیز در صورت امکان روش ساحت رو میشه بگید؟

[mogtabaa 31]

سلام به همگی دوستان

این کار رو می شه با adobe fireworks به خوبی انجام داد

یه کمی وقت می بره ولی خوب نتیجه اش می شه

مثل این کارها

با این نرم افزار خیلی راحت می تونید تصویرتون

رو تقسیم بندی کنید و بعد یه خروجی css

ازش بگیری و خلاص

البته این نرم افزار حرفه ایه ولی ساده

موفق باشید

[امیررضاتهرانی 612]

دوستان این روش با استفاده از jquery انجام میشه و یکم پیچیده است

خسته نباشید آقای علیپور خوب شده

[amirv60 7]

با استفاده از تگ مپ

<map>

http://www.w3schools.com/tags/tag_map.asp

 

برای راحتی کار از دریم ویور استفاده کنید.

یه عکس اضافه می کنید

وقتی که توی مد دیزاین هستید، عکس رو انتخاب می کنید، توی پالت مشخصات عکس ، بخش مپ دیده می شه که بصورت مربع، دایره و چند ضلعی ( آزاد ) می تونید هات اسپات تعریف کنید

و اینکار رو بصورت نا محدود انجام بدید و هر کدام رو با استفاده از لینک به صفحات مختلف هدایت کنید

 

 

http://www.webucator.com/blog/2010/08/creating-image-maps-in-dreamweaver-cs5/