cmt faire marche le code jquery
Posté : sam. 12 nov. 2016 20:13
aide moi stp vous plait depuis hier je cherche puorquoi cela ne marche pas,je ma suis arreter au tutos 2
<!DOCTYPE html>
<html>
<head>
<style>
.slider
{
width:200px;
height:200px;
margin-left:350px;
margin-top:100px;
border:solid #123456;
position:relative;
overflow:hidden;
}
.slider ul li
{
display:block;
float:left;
width:200px;
height:200px;
position:relative;
margin-top:-7px;
margin-left:-15px;
}
h1
{
background-color: #456123;
margin-left:10px;
}
.a
{
text-decoration:none;
width:100px;
heigth:30px;
margin-top:300px;
margin-left:40px;
position:absolute;
background-color: #777777;
font-size:30px;
positon:relative;
}
.a2
{
text-decoration:none;
width:100px;
height:33px;
margin-left:50px;
position:absolute;
margin-top:300px;
font-size:30px;
background-color: #777777;
position: absolute;
}
</style>
<title></title>
</head>
<body>
<script type="text/javascript" src="jquery-3.1.1.js"></script>
<script type="text/javascript">
$(document).ready(function(e)
{
$(".slider ul li:last-child").prependTo(".slider ul");
$(".slider ul").css(marginleft:-200);
$(".a2").click(function(e)
{
$(".slider ul").animate({
left:,-200},function(e)
{
$(".slider ul").css('left','0');
$(".slider ul li:first-child").appendTo(".slider ul");
});
} );
$(".a").click(function(e)
{
$(".slider ul").animate({ left:+200},1000,function(e)
{
$(".slider ul").css('left','0');
$(".slider ul li:last-child").prependTo(".slider ul");
} );
} );
} );
</script>
<h1 id="h1">mon texte</h1>
<a href="#" class="a"><</a>
<a href="#" class="a2" id="button_right"> > </a>
<div class="slider">
<ul>
<li ><img src="korha_abidjan_mode_3.jpg" width='200px' height='200px'></li>
<li ><img src="Mother's-day-fr.jpg" width='200px' height='200px' ></li>
<li ><img src="images.jpe" width='200px' height='200px' ></li>
</ul>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
.slider
{
width:200px;
height:200px;
margin-left:350px;
margin-top:100px;
border:solid #123456;
position:relative;
overflow:hidden;
}
.slider ul li
{
display:block;
float:left;
width:200px;
height:200px;
position:relative;
margin-top:-7px;
margin-left:-15px;
}
h1
{
background-color: #456123;
margin-left:10px;
}
.a
{
text-decoration:none;
width:100px;
heigth:30px;
margin-top:300px;
margin-left:40px;
position:absolute;
background-color: #777777;
font-size:30px;
positon:relative;
}
.a2
{
text-decoration:none;
width:100px;
height:33px;
margin-left:50px;
position:absolute;
margin-top:300px;
font-size:30px;
background-color: #777777;
position: absolute;
}
</style>
<title></title>
</head>
<body>
<script type="text/javascript" src="jquery-3.1.1.js"></script>
<script type="text/javascript">
$(document).ready(function(e)
{
$(".slider ul li:last-child").prependTo(".slider ul");
$(".slider ul").css(marginleft:-200);
$(".a2").click(function(e)
{
$(".slider ul").animate({
left:,-200},function(e)
{
$(".slider ul").css('left','0');
$(".slider ul li:first-child").appendTo(".slider ul");
});
} );
$(".a").click(function(e)
{
$(".slider ul").animate({ left:+200},1000,function(e)
{
$(".slider ul").css('left','0');
$(".slider ul li:last-child").prependTo(".slider ul");
} );
} );
} );
</script>
<h1 id="h1">mon texte</h1>
<a href="#" class="a"><</a>
<a href="#" class="a2" id="button_right"> > </a>
<div class="slider">
<ul>
<li ><img src="korha_abidjan_mode_3.jpg" width='200px' height='200px'></li>
<li ><img src="Mother's-day-fr.jpg" width='200px' height='200px' ></li>
<li ><img src="images.jpe" width='200px' height='200px' ></li>
</ul>
</div>
</body>
</html>