مشکل در استفاده کلاس های تو در تو توسط جی کوئری

M.Javad · بهمن 92

سلام.من دوتا کلاس a,b تعریف کردم.و کلاس b رو display:none قرار دادم و میخوام هروقت موس روی کلاس a رفت کلاس b ظاهر بشه

ببینید کد من چه مشکلی داره ؟!!


<html>
<head>
	 <script type="text/javascript" src="jquery.js"></script>
	    <style>
		 .a{
    border:1px solid green;
    width:200px;
    height:200px;
    background:pink;
    bottom:0;
    right:0;
   }
   .b{
    border:1px solid green;
    width:200px;
    height:200px;
    background:blue;
    margin-top:-150px;
    z-index:1000;
    opacity:0.5;
   }
	    </style>
	    <script>
		 $(function(){
    $('.a').mouseover(function(){
	 $('.b').attr("display","block");
    })
   });
	    </script>
    </head>
    <body>
	 <div class="a"></div>
	    <div style="display:none;" class="b"></div>
    </body>
</html>

**Morteza** · بهمن 92

تست کنید:

<html>
<head>
		 <script type="text/javascript" src="jquery.js"></script>
			    <style>
				 .a{
	    border:1px solid green;
	    width:200px;
	    height:200px;
	    background:pink;
	    bottom:0;
	    right:0;
   }
   .b{
	    border:1px solid green;
	    width:200px;
	    height:200px;
	    background:blue;
	    margin-top:-150px;
	    z-index:1000;
	    opacity:0.5;
   }
			    </style>
			    <script>
				 $(function(){
	    $('.a').hover(
	    function(){
		 $('.b').show();
	    },
	    function(){
		 $('.b').hide();
	    });
   });
			    </script>
	    </head>
	    <body>
		 <div class="a"></div>
			    <div style="display:none;" class="b"></div>
	    </body>
</html>

ورود

مشکل در استفاده کلاس های تو در تو توسط جی کوئری

پست های پیشنهاد شده

M.Javad 684

لینک به ارسال

Morteza 34190

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها