באנר מוסתר, ובמעבר עליו נפתח במלואו.
דוגמא תוכלו לראות באתר של לקוח שלי:
http://www.rozmedics.co.il/page.php?act=page&num=1
אז ככה:
אתם מגדירים div שיכול להיות שמה פלאש / תמונה / טקסט (אני מניח..), ככה:
HTML קוד:
<!-- נכתב ע"י אלון רוט, http://www.decor-d.com-->
<div align="left" style="position: relative; left: 245px; top: -50px;" name="banner_1" id="banner_1" onmouseover="banner('in');" onmouseout="banner('out');">
<פה תכניסו כל דבר שתרצו>
</div>
יש אפשרות לעשות את הposition ל: absolute
במידה ותרצו שזה יעלה על המשך הדף..
הtop קובע כמה הוא יהיה בברירת המחדל ומתי שאין עליו עכבר.
עכשיו נעבור לJS:
קוד:
function banner(action)
{
//נכתב ע"י אלון רוט, http://www.decor-d.com
switch (action)
{
case "in":
banner_1.style.top='0px'
break;
case "out":
banner_1.style.top='-50px'
break;
}
}
*נא לא להוריד זכויות, במידה ואתם משתמשים בסקריפט.
תהנו
