test1

desktop11/goto.js

@@ -5,12 +5,7 @@ $(".banner-slider").slick({
   autoplay: true,
 });
 
-$(".content1-right").slick({
-  dotsClass: 'slick-dots',
-  dots: true,
-  speed: 1000,
-  arrows: false,
-});
+
 
 // // gototop 下滑效果
 $(".arrow").hide();
@@ -24,6 +19,14 @@ $(window).scroll(function () {
   }
 
 });
+
+$(".content1-right").slick({
+  dotsClass: 'slick-dots',
+  dots: true,
+  speed: 1000,
+  arrows: false,
+  autoplay: true,
+});
 // content輪播圖片偵測效果
 $(".text-1").addClass("contant-toggle");
 
@@ -46,6 +49,44 @@ $(".content1-right").on('beforeChange', function (event, slick, currentSlide, ne
 
 });
 
+$( ".text2" ).hover( function() {
+  $(".content1-right").slick('slickGoTo',1);
+});
+
+$( ".text1" ).hover( function() {
+  $(".content1-right").slick('slickGoTo',0);
+});
+$( ".text3" ).hover( function() {
+  $(".content1-right").slick('slickGoTo',2);
+});
+
+
+$( ".text-2" ).hover( function() {
+  $(".content1-right").slick('slickGoTo',1);
+});
+
+$( ".text-1" ).hover( function() {
+  $(".content1-right").slick('slickGoTo',0);
+});
+$( ".text-3" ).hover( function() {
+  $(".content1-right").slick('slickGoTo',2);
+});
+
+$( ".text-2" ).click( function() {
+  $(".content1-right").slick('slickGoTo',1);
+});
+
+$( ".text-1" ).click( function() {
+  $(".content1-right").slick('slickGoTo',0);
+});
+$( ".text-3" ).click( function() {
+  $(".content1-right").slick('slickGoTo',2);
+});
+
+
+
+
+
 $.fn.serializeObject = function () {
   var o = {};
   var a = this.serializeArray();

desktop11/index.html

@@ -472,8 +472,6 @@
         </div>
     </div>
 
-
-
     <!-- Load the JS SDK asynchronously -->
     <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"

desktop11/style.css

@@ -309,7 +309,6 @@ body .arrow:hover {
 #content1 .content1-left .left .text3 .text-3 {
   font-size: 23px;
   font-weight: bolder;
-  color: #4b515e;
 }
 
 #content1 .content1-right {

desktop11/style.scss

@@ -265,13 +265,15 @@ body {
             .text3 {
                 cursor: pointer;
                 margin: auto 0;
+        
 
                 .text-1,
                 .text-2,
                 .text-3 {
                     font-size: 23px;
                     font-weight: bolder;
-                    color: $title-color;
+                    // color: $title-color;
+                    
                 }
             }
         }