質問編集履歴
1
js追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -480,6 +480,96 @@
|
|
480
480
|
|
481
481
|
|
482
482
|
|
483
|
+
```
|
484
|
+
|
485
|
+
JQUERY Main.js
|
486
|
+
|
487
|
+
|
488
|
+
|
489
|
+
$(document).ready(function() {
|
490
|
+
|
491
|
+
$("a:nth-child(1)").css("background-color","white");
|
492
|
+
|
493
|
+
|
494
|
+
|
495
|
+
$("#circle1").click(function(){
|
496
|
+
|
497
|
+
$("#slider").animate({'left':'5%'},500);
|
498
|
+
|
499
|
+
$("#data").fadeIn(700);
|
500
|
+
|
501
|
+
$("#data2,#data3,#data4").fadeOut(500);
|
502
|
+
|
503
|
+
$(".line").animate({'left':'60%'});
|
504
|
+
|
505
|
+
$("a:nth-child(1)").css("background-color","white");
|
506
|
+
|
507
|
+
$("a:nth-child(2),a:nth-child(3),a:nth-child(4)").css("background-color","black");
|
508
|
+
|
509
|
+
});
|
510
|
+
|
511
|
+
|
512
|
+
|
513
|
+
$("#circle2").click(function(){
|
514
|
+
|
515
|
+
$("#slider").animate({'left':'-45%'},500);
|
516
|
+
|
517
|
+
$("#data2").fadeIn(700);
|
518
|
+
|
519
|
+
$("#data,#data3,#data4").fadeOut(500);
|
520
|
+
|
521
|
+
$(".line").animate({'left':'25%'});
|
522
|
+
|
523
|
+
$("a:nth-child(2)").css("background-color","white");
|
524
|
+
|
525
|
+
$("a:nth-child(1),a:nth-child(3),a:nth-child(4)").css("background-color","black");
|
526
|
+
|
527
|
+
});
|
528
|
+
|
529
|
+
|
530
|
+
|
531
|
+
$("#circle3").click(function(){
|
532
|
+
|
533
|
+
$("#slider").animate({'left':'-190%'},500);
|
534
|
+
|
535
|
+
$("#data3").fadeIn(700);
|
536
|
+
|
537
|
+
$("#data,#data2,#data4").fadeOut(500);
|
538
|
+
|
539
|
+
$(".line").animate({'left':'55%'});
|
540
|
+
|
541
|
+
$("a:nth-child(3)").css("background-color","white");
|
542
|
+
|
543
|
+
$("a:nth-child(1),a:nth-child(2),a:nth-child(4)").css("background-color","black");
|
544
|
+
|
545
|
+
});
|
546
|
+
|
547
|
+
|
548
|
+
|
549
|
+
$("#circle4").click(function(){
|
550
|
+
|
551
|
+
$("#slider").animate({'left':'-245%'},500);
|
552
|
+
|
553
|
+
$("#data4").fadeIn(700);
|
554
|
+
|
555
|
+
$("#data,#data2,#data3").fadeOut(500);
|
556
|
+
|
557
|
+
$(".line").animate({'left':'25%'});
|
558
|
+
|
559
|
+
$("a:nth-child(4)").css("background-color","white");
|
560
|
+
|
561
|
+
$("a:nth-child(1),a:nth-child(2),a:nth-child(3)").css("background-color","black");
|
562
|
+
|
563
|
+
});
|
564
|
+
|
565
|
+
});
|
566
|
+
|
567
|
+
|
568
|
+
|
569
|
+
```
|
570
|
+
|
571
|
+
|
572
|
+
|
483
573
|
### 試したこと
|
484
574
|
|
485
575
|
https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
|