کد JavaScript که مد شده!!

سلام دوستان
به تازگی تو هر سایتی که می روید یک عکس مثلثی شکل در بالای آن به عنوان بنر دیده می شود.

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

در واقع عکس بالا یک عکس مثلثی نیست!!!!!:18: بلکه با استفاده از تکنیک UseMap در عکس به اون حالت تبدیل شده.

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

[HTML]
http://www.persianblog.ir
[/HTML]

:40: و این هم کد(امیدوارم به دردتان بخورد!)
جای LinkUrl و ImageUrl هم که خودتان می دانید چه باید بنویسید!!!

[HTML]

res = "<div style=\" z-index:1000; position:absolute; right:0px; top:0px; border-width:0px; \">";
res += "<img src=\"ImageUrl\" width=\"170\" height=\"170\" ";
res += "border=\"0\" usemap=\"#map1\" /><map name=\"map1\" id=\"map1\"> ";
res += "<area shape=\"poly\" alt=\"\" coords=\"1,1,169,1,169,169\" ";
res += "href=\"LinkUrl\" target=\"_blank\" /></map></div>";
document.write(res);
[/HTML]

این کد عکسی را در بالا و سمت راست صفحه قرار می دهد....


موفق باشید...:40:

البته میشه اون جلوه را با CSS هم ایجاد کرد
شما برای اینکار باید یک div ایجاد کنید و یک کلاس به اون div اختصاص بدید و عکس مورد نظر رو درون اون div قرار بدید. مثلا:

کد:

---

<div class="banner"><img src="images/buttons/banner.gif" alt="Banner" /></div>

---

بعد این کد CSS رو به برگه سبک قالبشون اضافه کنند

کد:

---

.banner {
position: absolute;
top: 0;
right: 0;
width: 200px;
height: 200px;
}

---

اگر می خوان تصویر در سمت چپ نمایش داده بشه باید به جای اون right بنویسن left و اندازه تصویر رو هم در بخش width و height وارد کنند

بله امیر عباس عزیز شما کاملا درست عرض می کنید....

اما این کار با جاوا راحتره....:11: