دستور mouseover در جاوا

[miraziz 26]

دوستان من اصلا دانشی از جاوا ندارم ولی در مورد کدهای زیر یک سوال دارم.

اگر به صفحه ی زیر بروید و موس را بر روی عنوان خبر ها ببرید خواهید دید که پس زمینه ی عنوان و border تصویر بند انگشتی آبی رنگ میشه. در واقع کد زیر میگه اگه موس بر روی عنوان رفت بر روی border تصویر بند انگشتی نیز تاثیر بذاره.

http://sayannet.ir/c...ر-و-اطلاعیه-ها/

ولی اگه دقت کنید وقتی موس بر روی عنوان یکی از مطالب میره، border تمام تصاویر بند انگشتی اون صفحه آبی میشه.حالا چگونه می توان کاری کرد که تنها تصویر بند انگشتی مربوط به آن مطلب تغییر رنگ دهد و سایر تصاویر بند انگشتی تغییری نکند.

<script>
$('.posttitle').mouseover(function (){
$('.<?php the_ID(); ?> img').css("border", '2px solid #029AFE')
});
$('.posttitle').mouseout(function (){
$('.<?php the_ID(); ?> img').css("border", '2px solid #ededed')
});
</script>

[imanfakhar 26231]

این کد شما بزرگترین مشکلش اینه که باید به تعداد پستهای صفحه تکرار بشه و این باعث کند شدن سایت می شه این کد صحیحتره

<script type="text/javascript">
$(document).ready(function() {
$('.posttitle').hover(function (){
$(this).parent(".post").find("img:nth-child(1)").css("border", '2px solid #029AFE');
},function() {
$(this).parent(".post").find("img:nth-child(1)").css("border", '2px solid #ededed')
});
})
</script>

[miraziz 26]

ممنون آقای فخار که جواب دادید.ولی این کدی که دادید عمل نکرد و با رفتن موس بر روی عنوان وبلاگ بر border تصویر بند انگشتی تاثیری نمی ذاره.

الن کدهای شما را قرار دادم.می تویند در لینک زیر ببینید

http://sayannet.ir/c...ر-و-اطلاعیه-ها/

ویرایش شده دی 92 توسط miraziz

[Ghasem Paran 333]

با css راحت تر نیست ؟

#entry .posttitle:hover,#entry .posttitle:hover img {
border:2px solid #029AFE;
background-color:#029AFE;
}

[miraziz 26]

با css راحت تر نیست ؟

#entry .posttitle:hover,#entry .posttitle:hover img {
border:2px solid #029AFE;
background-color:#029AFE;
}

آقا قاسم کدی که شما دادید هم کار نکرد و فقط ارتفاع پس زمینه عنوان را زیاد کرد.در عکس زیر ببنید.

همچنین این ویژگی مگر در ie8 پشتیبانی می شود.

[Ghasem Paran 333]

این را امتحان کنید :

#entry .posttitle:hover {
background-color:#029AFE;
}
#entry .posttitle:hover #entry img {
border:2px solid #029AFE;
}

[miraziz 26]

آقا قاسم این کد هم تنها رنگ پس زمینه را تغییر می دهد و بر روی تصویر بندانگشتی تاثیری ندارد

[imanfakhar 26231]

دوست عزیز کد را باید برای قالبتون تنظیم می کردید

این کد را در فایل header.php و درست قبل از بسته شدن تگ head بگذارید که به این شکل شود:

<script type="text/javascript">
$(document).ready(function() {
$('.posttitle').hover(function (){
$(this).parent(".entry").find(".thumb").find("img").css("border", '2px solid #029AFE');
},function() {
$(this).parent(".entry").find(".thumb").find("img").css("border", '2px solid #ededed')
});
})
</script>
</head>

[miraziz 26]

سلام.آقای فخار دقیقا همین کار را می کنم ولی کار نمیکنه.نمی دونم چرا؟

[NESTED 4295]

دوست عزیز کدی جناب فخار قرار دادن تست شده و درست می باشد

اگز براتون مقدرو هست دسترسی بدین تا براتون بررسی بشه !

[miraziz 26]

دوستان توسط کد های زیر درست شد

<script>
$('.posttitle<?php the_ID(); ?> h2 a').mouseover(function (){
$(this).css("color",'#FFF');
});
$('.posttitle<?php the_ID(); ?> h2 a').mouseout(function (){
$(this).css("color",'#000');
});
$('.posttitle<?php the_ID(); ?>').mouseover(function (){
$('.<?php the_ID(); ?> img').css("border", '2px solid #029AFE');
$('.posttitle<?php the_ID(); ?>').css("background-color","#029AFE");
});
$('.posttitle<?php the_ID(); ?>').mouseout(function (){
$('.<?php the_ID(); ?> img').css("border", '2px solid #ededed');
$('.posttitle<?php the_ID(); ?>').css("background-color","#FFF");
});
</script>