Показать сообщение отдельно
  #19 (permalink)  
Старый 04.08.2013, 15:26
Интересующийся
Отправить личное сообщение для tom_ozi Посмотреть профиль Найти все сообщения от tom_ozi
 
Регистрация: 29.07.2013
Сообщений: 11

Сам разобрался. Спасибо всем за помощь!
Не знаю как поставить кнопочку "посмотреть код" в сообщение.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
<html> <head>

<style type='text/css'>
.style1  {width: 300; height: 100; background: #f00000; text-align:center;}
.style2  {width: 400; height: 200; background: #00f000; text-align:left;}
.style3  {width: 400; height: 200; background: #049100; text-align:right;}
.style4  {width: 400; height: 200; background: #00fff0; text-align:right;}
</style>
</head> 
<body> 



 <input type="button" value="open" onclick="dawn(this)"> <script type=
    "text/javascript">
   
    </script>




<div class='group style1'>бла-бла-бла</div><br />
<div class='group style1'>бла-бла-бла</div><br />
<div class='grou style3'>бла-бла-бла</div><br />
<div class='grou style3'>бла-бла-бла</div><br />


	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

 <!-- Идентификатор для первого стиля -->
	<script type="text/javascript">
	var group = $('.group');
	$(':button').click(function()
		{
		$(group).toggleClass('style1');
		$(group).toggleClass('style2');
		});  
		
		 <!-- Идентификатор для второго стиля -->
		
	
    var grou = $('.grou');
	$(':button').click(function()
		{
		$(grou).toggleClass('style3');
		$(grou).toggleClass('style4');
		});   
		
		
		 <!-- Смена названия кнопки -->
		
		function dawn(input)
    {
    input.value =   input.value != 'close' ?  'close' : 'open' 
    }
</script>

	  

    
    
</body> 
</html>

Последний раз редактировалось tom_ozi, 06.08.2013 в 10:36.
Ответить с цитированием