Форум

tiko · #1 (**permalink**) 18.11.2009, 13:54

Вот код:

<head>
<title>jQuery</title>
<script src="jquery.js"></script>

<script>
	$(document).ready(function()
					  {
						$("#button").click(function()
										   {
										     $("#fone").animate({opacity:"0.3"},"slow");
										   });
					  });
</script>

<style>
	#fone
	{
	  position:absolute;
	  width:100%;
	  height:100%;
	  left:0px;
	  top:0px;
	  background-color:#333;
	  display:none;
	}
	
	body
	{
	  background-color:#FFF;
	}
</style>

</head>

<body>

<div id="fone">
</div>

<button id="button">
	OK
</button>

</body>

</html>

Не работает

$("#fone").click(function(){...});

e1f · #2 (**permalink**) 18.11.2009, 16:20

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>jQuery</title>
<script src="jquery-1.3.2.js"></script>
 
<script type="text/javascript">
$(document).ready(function(){
    $("#button").click(function(){
        $("#fone").
<!--begin!-->
            show().
<!--end!-->
            animate({opacity:"0.3"},"slow");
    });
});
</script>
 
<style>
#fone {
  position:absolute;
  width:100%;
  height:100%;
  left:0px;
  top:0px;
  background-color:#333;
  <!--begin!-->
  display:none;
  <!--end!-->
}

body {
  background-color:#FFF;
}
</style>
 
</head>
 
<body>
    <div id="fone"></div>
    <button id="button">OK</button>
</body>
 </html>

Форум

Справочник

Discord чат

Курсы javascript