چگونه همچین چیزی تو asp درست کنم که وقتی موس اومد روش تغییر رنگ بده ؟
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Printable View
چگونه همچین چیزی تو asp درست کنم که وقتی موس اومد روش تغییر رنگ بده ؟
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
سلام
دوست عزیز من این تاپیک رو منتقل میکنم به طراحی استاتیک
شما با استفاده از CSS میتونی این منو ها رو ایجاد کنی. اصلا احتیاجی هم به استفاده از زبان asp نداری. کل اون منو با استفاده از CSS ایجاد شده. شما CSS یاد بگیری خیلی راحت می تونی مثل همون رو درست کنی
رایج ترین روش استفاده از اسکریپت های موسم به RollOver می باشد که کد زیر ساده ترین آنهاست. تنها کافی است عکس مورد نظر خود را یک بار با زمینه خاکستری(pic1.jpg) و بار دیگر با زمینه آبی(pic2.jpg) ذخیره کنید. با رفتن موس روی عکس اول اسکریپت عکس شماره 2 را (با زمینه آبی) جایگزین آن می کند.نقل قول:
[html]
<html>
<head>
<script>
function rollover(a){
if(a==1)
document.images[0].src="pic2.jpg";
if(a==2)
document.images[0].src="pic1.jpg";
}
</script>
</head>
<body>
<img src="pic1.jpg" onmouseover="rollover(1)" onmouseout="rollover(2)">
</body>
</html>
[/html]
روش دوم همان طور که دوستان گفتند استفاده از برگه مد CSS می باشد که نمونه زیر یکی از ساده ترین آنهاست.
[html]
<html>
<head>
<style>
a{
color:#808080;
text-decoration:none;
border:solid;
border-width:1px;
border-color:#666666;
background-color:#CCCCCC;
}
a:hover{
color:blue;
border-color:blue;
}
</style>
</head>
<body>
<a href="www.yahoo.com/">YAHOO!</p>
</body>
</html>
[/html]
و روش سوم استفاده از تکنیک فلش است که نیاز به کار و تبحر در این زمینه دارد
موفق باشید.
:10:
با عرض پوزش کد های تاپیک قبلی مشکلاتی داشتند....:41:
بدین وسیله ویرایش می کنم:
[HTML]
<html>
<head>
<script>
function rollover(a){
if(a==1)
document.images[0].src="pic2.jpg";
if(a==2)
document.images[0].src="pic1.jpg";
}
</script>
</head>
<body>
<img src="pic1.jpg" onmouseover="rollover(1)" onmouseout="rollover(2)">
</body>
</html>
[/HTML]
[HTML]
<html>
<head>
<style>
a{
color:#808080;
text-decoration:none;
border:solid;
border-width:1px;
border-color:#666666;
background-color:#CCCCCC;
}
a:hover{
color:blue;
border-color:blue;
}
</style>
</head>
<body>
<a href="www.yahoo.com/">YAHOO!</p>
</body>
</html>
[/HTML]
:10:
استفاده از جاوا اسکریپت برای منو ها بهترین روش نیست. بد ترین روشه چون لینک های جاوا اسکریپت رو موتور های جستجو نمی تونن ببینن در نتیجه سایت شما index نمیشه و برای همین به موقعیت سایت شما لطمه می خوره
بله دوست عزیز کاملا درست می گویید!:40:نقل قول:
اما منظور من جنبه گرافیکی کار بود نه اندیس گذاری آن توسط موتور های جستجوگر!
در ضمن اگر قسمت HTML کد بالا را اینگونه تنظیم کنیم (دیگر لینک مستقل از جاوا می شود)! و مشکل مورد نظر شما نیز بر طرف می شود!
[HTML]
<a href="www.yahoo.com/"><img ....></a>
[/HTML]
در ضمن فکر کنم در مورد فایل های فلش نیز همین مشکلی که ذکر کردید وجود دارد!
موفق باشید...:11:
برای همین مشکلاتی که برای موتور های جستجو به وجود میاد همیشه پیشنهاد میشه که همیشه لینک های بخش نوار پیمایش سایت رو همیشه با Css ایجاد کنیم. البته اگر هم از جاوا اسکریپت استفاده بشه باید حتما همون لینک ها رو به شکل متنی در زیر صفحه قرار بدن که این ضعف جبران بشه :)
از همه دوستان عزیز که من وراهنمایی کردند سپاس گزارم
کتاب Css هم که تو امضای شما بود رو هم دانلود کردم , برم بخونمش
از همگی ممنون
ببخشید
با Css که اینجا گفتید ممکنه برای عکس هم توضیح بدید
اون کدی که با جاوا هست رو درست کردم اما وقتی روی عکس میرم عکس دوم میاد ولی دیده نمیشه (یه صورت یه مربع که توش ضربدر قرمز داره) و وقتی هم که موس رو از روش کنار میبرم همون مربع ضربدرقرمزی هست و عکس اول دیده نمیشه
کد ها رو هم همونطوری که نوشتید انجام دادم
کلی هم باهاش ور رفتم اما درست نشد
دوست عزیزنقل قول:
دومورد زیر را چک کنید و به بنده نتیجه را خبر دهید:
1- آیا شما عکسهای خود را با نامهای pic1.jpg و pic2.jpg ذخیره کرده اید؟؟؟؟؟؟؟؟؟؟؟
2- آیا عکسهای خود را در همان فولدری ذخیره کرده اید که فایل HTML را ذخیره کرده اید؟؟؟؟؟؟؟؟
موفق باشید.....:11::11::11: