انجمن‌های فارسی اوبونتو
کمک و پشتیبانی => برنامه‌سازی => نویسنده: rahmani در 22 آبان 1390، 05:53 ب‌ظ
-
سلام
فرض كنيد فهرستي از مقالات در سايت موجود است مي خواهيم وقتي كاربر با mouse ان ها را پيماش مي كند مقاله اي كه اكنون mouse بر روي آن قرار دارد متمايز باشد
نحوه انجام اين كار با javascript , cssچگونه است
مثلا در css دو كلاس ايجاد كرده ايم كه يكي براي حالت عادي (usual) و ديگري براي حالت متمايز hilight است:
.usual{
color : blue;
font-weight : hilight;
.
.
.
}
hilight {
color : skyblue;
font-weight : normal;
}
حال چگونه با javascript اين كلاس ها را به رديف هايي كه onmouseover و onmouseout مي شوند نسبت دهيم
در ضمن ممكن است براي نمايش اين رديف ها بجاي از استفاده شده باشد.
متشكرم
-
یه همچین کاری را با html چند سال قبل انجام دادم با دستور on mouse شما یک کم در همین مورد توی گوگل بگردی به راحتی پیداش میکنی...
-
با jquery راحت میتونی اینکار رو انجام بدی :
<html>
<head>
<title></title>
<style type="text/css">
.dvContent { padding: 10px; border: 1px solid #d7d7d7; }
.clsHover { background-color: yellow; }
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.dvContent').hover(
function(){ $(this).addClass('clsHover'); },
function(){ $(this).removeClass('clsHover'); });
});
</script>
</head>
<body>
<div class="dvContent">first div</div>
<div class="dvContent">second div</div>
<div class="dvContent">third div</div>
</body>
</html>