کدجاوا اسکريپ تغییر عکس با حرکت موس یا دکمه

          amir 
            بازدید : 196
          شنبه 09 آذر 1392
           نظرات (0)
        

درباره کد می شود گفت که مانند یک دکمه عمل می کند با حرکت موس بر روی عکس یک عکس جدید ظاهر میشود و با کلیک بر روی آن شما را به صفحه مورد نظرتان هدایت می کند این کد را می توانید در هر کجای صفحه head و body قالب خود قرار دهید

برای تغییر در عکس ها شما باید به صورت زیر عمل کنید

عبارات var picture1 = Your Picture1 و var picture1 = Your Picture2 را پیدا و در قسمت Your Picture1 و Your Picture2 عکس های خود را قرار دهید

برای قرار دادن لینک به این عکس ها هم می توانید در خط آخر کد

را پیدا و در قسمت href آدرس مورد نظرتان را جایگذین http://www.hscripts.com کنید

نکته بسیار مهم : در بخش آخر شما حتما باید در خط آخر کد یعنی تگ img name در قسمت src آن دوباره آدرس عکس دوم را جایگذین Your Picture2 کنید

<!-- Script by hscripts.com --> <!-- copyright of HIOX INDIA --> <!-- more scripts @ http://www.hscripts.com --> <script type="text/javascript"> var picture1 = "Your Picture1"; var picture2 = "Your Picture2"; if (document.images) { image1 = new Image(); image1.src = picture1 image2 = new Image(); image2.src = picture2; } function mover(img){ document["change"].src = img.src; } function mout(img){ document["change"].src = img.src; } </script> <a href="http://www.hscripts.com" onMouseOver="mover(image1)" onMouseOut="mout(image2)"> <img name="change" src="Your Picture2" border=0></a> <!-- Script by hscripts.com -->

ارسال نظر برای این مطلب