2
JSFiddleAuslöser jquery Folie automatisch
Dies ist ein Beispiel für eine horizontale Geige von divs
Schiebe Benutzer unter Verwendung jquery animieren method.Here müssen auf jedem Link klicken sliding.What auszulösen i müssen auszulösen gleitet automatically.Please geben ein Code innerhalb der Knopfklickfunktion, um das Gleiten auszulösen.
#left, #right {
position: relative;
float: left;
margin: 0 5px 0 0;
border: 1px solid black;
width: 200px;
height: 300px;
overflow: hidden;
}
div.panel {
position: absolute;
height: 100%;
width: 100%;
display: none;
}
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
jQuery(function($) {
$('button').click(function(){
alert("sssd")
})
$('a.panel').click(function() {
var $target = $($(this).attr('href')),
$other = $target.siblings('.active');
if (!$target.hasClass('active')) {
$other.each(function(index, self) {
var $this = $(this);
$this.removeClass('active').animate({
left: 0
}, 500);
});
$target.addClass('active').show().css({
left: -($(this).width() - ($target.width()))
}).animate({
left: 0
}, 500);
}
});
});
</script>
<body>
<a href="#target1" class="panel">Target 1</a><br/>
<a href="#target2" class="panel">Target 2</a><br/>
<a href="#target3" class="panel">Target 3</a><br/>
<button>Trigger</button>
<div id="right">
<div class="panel" id="target1" style="background:green">
<p>akhil viswam</p></div>
<div class="panel" id="target2" style="background:red">Target 2</div>
<div class="panel" id="target3" style="background:yellow">Target 3</div>
</div>
</body>
</html>
Vielen Dank für Ihre Antwort – akhilviswam
Angenommen, ich brauche target2 auslösen, wie ich den Code ändern ? – akhilviswam
für nur target2 können Sie dies sehen: http://jsfiddle.net/rs2QK/3895/ – vijayP