GTRACING GTP200 RGB Gaming Desk with Custom LED Lights

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} } .YouTubeVideo{width: 100%;height: 800px;display: block} @media screen and (max-width:800px) { .YouTubeVideo{width: 100%;height: 190px} } $(function () { })

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} } .YouTubeVideo{width: 100%;height: 800px;display: block} @media screen and (max-width:800px) { .YouTubeVideo{width: 100%;height: 190px} } $(function () { })

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} } .YouTubeVideo{width: 100%;height: 800px;display: block} @media screen and (max-width:800px) { .YouTubeVideo{width: 100%;height: 190px} } $(function () { })

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} } .YouTubeVideo{width: 100%;height: 800px;display: block} @media screen and (max-width:800px) { .YouTubeVideo{width: 100%;height: 190px} } $(function () { })

High-quality Carbon fiber: The surface of the top panel is made of high-grade carbon-like PVC sheet. It withstands further wear and tear, prevents scratching, and has an even younger, more luxurious, and technological feel. It is also very easy to clean. The exquisite luster and fine texture give it an even more luxurious appearance. Atmospheric RGB Light: The built-in RGB light on the desk stand makes it easy to create the atmosphere you want. With both monochromatic and multicolor modes, and 47 flash mode selections, you can freely DIY your favorite atmosphere. Sturdy Design Thoroughly Eliminates Rattling: load capacity is 155 lbs, allowing you to place computers and many peripherals with ease. Reinforcing pipes behind the top, a back frame to prevent rolling, leg adjusters, and a strong and durable steel frame ensure a firm, rattle-free feel. Spacious Workspace: The L-shaped design allows for a more spacious top than a regular desk. You can work and play games smoothly without feeling cramped.

High-quality Carbon fiber: The surface of the top panel is made of high-grade carbon-like PVC sheet. It withstands further wear and tear, prevents scratching, and has an even younger, more luxurious, and technological feel. It is also very easy to clean. The exquisite luster and fine texture give it an even more luxurious appearance. Atmospheric RGB Light: The built-in RGB light on the desk stand makes it easy to create the atmosphere you want. With both monochromatic and multicolor modes, and 47 flash mode selections, you can freely DIY your favorite atmosphere. Sturdy Design Thoroughly Eliminates Rattling: load capacity is 155 lbs, allowing you to place computers and many peripherals with ease. Reinforcing pipes behind the top, a back frame to prevent rolling, leg adjusters, and a strong and durable steel frame ensure a firm, rattle-free feel. Spacious Workspace: The L-shaped design allows for a more spacious top than a regular desk. You can work and play games smoothly without feeling cramped.

The ComHoma 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc.The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Simple Style】- Computer desk is designed in a modern but simple style. It can match all home decor styles and is not easily out of date. 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc. 【Sturdy construction】-The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This table features waterproof, smooth surface, and scratch-proof properties. A must-have small space desk for the home office. 【logical construction】-This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Wide Application】- Sweetcrispy small office desk is perfect for a home, office, bedroom, reading room, study room, and so on. 2 colors for matching various room decoration styles. 【Easy to Maintain & Assemble】This Study desk provides detailed hardware & instructions for assembly which can be easily combined with the description. When assembling, please pay attention to selecting the correct parts and screws of this computer desk.

The ComHoma 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc.The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Simple Style】- Computer desk is designed in a modern but simple style. It can match all home decor styles and is not easily out of date. 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc. 【Sturdy construction】-The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This table features waterproof, smooth surface, and scratch-proof properties. A must-have small space desk for the home office. 【logical construction】-This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Wide Application】- Sweetcrispy small office desk is perfect for a home, office, bedroom, reading room, study room, and so on. 2 colors for matching various room decoration styles. 【Easy to Maintain & Assemble】This Study desk provides detailed hardware & instructions for assembly which can be easily combined with the description. When assembling, please pay attention to selecting the correct parts and screws of this computer desk.

The ComHoma 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc.The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Simple Style】- Computer desk is designed in a modern but simple style. It can match all home decor styles and is not easily out of date. 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc. 【Sturdy construction】-The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This table features waterproof, smooth surface, and scratch-proof properties. A must-have small space desk for the home office. 【logical construction】-This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Wide Application】- Sweetcrispy small office desk is perfect for a home, office, bedroom, reading room, study room, and so on. 2 colors for matching various room decoration styles. 【Easy to Maintain & Assemble】This Study desk provides detailed hardware & instructions for assembly which can be easily combined with the description. When assembling, please pay attention to selecting the correct parts and screws of this computer desk.

The ComHoma 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc.The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Simple Style】- Computer desk is designed in a modern but simple style. It can match all home decor styles and is not easily out of date. 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc. 【Sturdy construction】-The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This table features waterproof, smooth surface, and scratch-proof properties. A must-have small space desk for the home office. 【logical construction】-This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Wide Application】- Sweetcrispy small office desk is perfect for a home, office, bedroom, reading room, study room, and so on. 2 colors for matching various room decoration styles. 【Easy to Maintain & Assemble】This Study desk provides detailed hardware & instructions for assembly which can be easily combined with the description. When assembling, please pay attention to selecting the correct parts and screws of this computer desk.

The ComHoma 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc.The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Simple Style】- Computer desk is designed in a modern but simple style. It can match all home decor styles and is not easily out of date. 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc. 【Sturdy construction】-The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This table features waterproof, smooth surface, and scratch-proof properties. A must-have small space desk for the home office. 【logical construction】-This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Wide Application】- Sweetcrispy small office desk is perfect for a home, office, bedroom, reading room, study room, and so on. 2 colors for matching various room decoration styles. 【Easy to Maintain & Assemble】This Study desk provides detailed hardware & instructions for assembly which can be easily combined with the description. When assembling, please pay attention to selecting the correct parts and screws of this computer desk.

The ComHoma 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc.The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Simple Style】- Computer desk is designed in a modern but simple style. It can match all home decor styles and is not easily out of date. 32 inch smooth surface provides a comfortable gaming and office experience. It easy to contain your PC, laptop, coffee cup, mini plant, keyboard, etc. 【Sturdy construction】-The X-shaped support structure provides robust support for the desktop, ensuring stability and minimizing shaking.This table features waterproof, smooth surface, and scratch-proof properties. A must-have small space desk for the home office. 【logical construction】-This 32 inch computer desk measures 31.49''W x 15.74''D x 29.52 ''H. Adjustable leg pads allow you to install leveling feet to accommodate uneven ground. 【Wide Application】- Sweetcrispy small office desk is perfect for a home, office, bedroom, reading room, study room, and so on. 2 colors for matching various room decoration styles. 【Easy to Maintain & Assemble】This Study desk provides detailed hardware & instructions for assembly which can be easily combined with the description. When assembling, please pay attention to selecting the correct parts and screws of this computer desk.

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} .YouTubeVideo{width: 100%;height: 660px;display: block} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} .YouTubeVideo{width: 100%;height: 190px} }

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} .YouTubeVideo{width: 100%;height: 660px;display: block} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} .YouTubeVideo{width: 100%;height: 190px} }

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} } < > < > // = 800 && screen.width >= screen.height) { $(".box>.ph_bf").remove() }else { $(".box>.pc_bf").remove() } }); var prevIndex = 0; var curIndex = 0; $(".next").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); //.is(":animated"):正在执行动画返回true，没在执行动画返回false if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex >= box.children("img").length - 1) { curIndex = 0; } else { curIndex++ } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".prev").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex <= 0) { curIndex = box.children("img").length - 1; } else { curIndex--; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".nav li").click(function() { var box=$(this).parent().parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children(".LBbox").eq(curIndex).is(":animated")) { return; } curIndex = $(this).index(); if (curIndex == prevIndex) { return; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); //左边按钮：向右边滑动； function tab(box) { var LBIdx = box.attr("lbindex"); //切大图； if (curIndex == 0 && prevIndex == $(".LB"+LBIdx+" .nav li").length-1) { //边界2，当前在最后一张，点击next //向左滑动：前一张向左滑动，当前那一张摆放在右边，滑动到当前位置； box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else if (prevIndex == 0 && curIndex == $(".LB"+LBIdx+" .nav li").length-1 ) { //边界1，当前在第一张，点击prev //向右滑动：前一张向右滑动，当前那一张摆放在左边，滑动到当前位置 box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } else if (curIndex > prevIndex) { box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else { box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } //切小点； $(".LB"+LBIdx+" .nav li").eq(curIndex).addClass("on").siblings().removeClass() } // ]]>

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} } < > < > // = 800 && screen.width >= screen.height) { $(".box>.ph_bf").remove() }else { $(".box>.pc_bf").remove() } }); var prevIndex = 0; var curIndex = 0; $(".next").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); //.is(":animated"):正在执行动画返回true，没在执行动画返回false if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex >= box.children("img").length - 1) { curIndex = 0; } else { curIndex++ } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".prev").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex <= 0) { curIndex = box.children("img").length - 1; } else { curIndex--; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".nav li").click(function() { var box=$(this).parent().parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children(".LBbox").eq(curIndex).is(":animated")) { return; } curIndex = $(this).index(); if (curIndex == prevIndex) { return; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); //左边按钮：向右边滑动； function tab(box) { var LBIdx = box.attr("lbindex"); //切大图； if (curIndex == 0 && prevIndex == $(".LB"+LBIdx+" .nav li").length-1) { //边界2，当前在最后一张，点击next //向左滑动：前一张向左滑动，当前那一张摆放在右边，滑动到当前位置； box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else if (prevIndex == 0 && curIndex == $(".LB"+LBIdx+" .nav li").length-1 ) { //边界1，当前在第一张，点击prev //向右滑动：前一张向右滑动，当前那一张摆放在左边，滑动到当前位置 box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } else if (curIndex > prevIndex) { box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else { box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } //切小点； $(".LB"+LBIdx+" .nav li").eq(curIndex).addClass("on").siblings().removeClass() } // ]]>

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} } < > < > // = 800 && screen.width >= screen.height) { $(".box>.ph_bf").remove() }else { $(".box>.pc_bf").remove() } }); var prevIndex = 0; var curIndex = 0; $(".next").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); //.is(":animated"):正在执行动画返回true，没在执行动画返回false if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex >= box.children("img").length - 1) { curIndex = 0; } else { curIndex++ } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".prev").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex <= 0) { curIndex = box.children("img").length - 1; } else { curIndex--; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".nav li").click(function() { var box=$(this).parent().parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children(".LBbox").eq(curIndex).is(":animated")) { return; } curIndex = $(this).index(); if (curIndex == prevIndex) { return; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); //左边按钮：向右边滑动； function tab(box) { var LBIdx = box.attr("lbindex"); //切大图； if (curIndex == 0 && prevIndex == $(".LB"+LBIdx+" .nav li").length-1) { //边界2，当前在最后一张，点击next //向左滑动：前一张向左滑动，当前那一张摆放在右边，滑动到当前位置； box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else if (prevIndex == 0 && curIndex == $(".LB"+LBIdx+" .nav li").length-1 ) { //边界1，当前在第一张，点击prev //向右滑动：前一张向右滑动，当前那一张摆放在左边，滑动到当前位置 box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } else if (curIndex > prevIndex) { box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else { box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } //切小点； $(".LB"+LBIdx+" .nav li").eq(curIndex).addClass("on").siblings().removeClass() } // ]]>

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} } < > < > // = 800 && screen.width >= screen.height) { $(".box>.ph_bf").remove() }else { $(".box>.pc_bf").remove() } }); var prevIndex = 0; var curIndex = 0; $(".next").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); //.is(":animated"):正在执行动画返回true，没在执行动画返回false if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex >= box.children("img").length - 1) { curIndex = 0; } else { curIndex++ } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".prev").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex <= 0) { curIndex = box.children("img").length - 1; } else { curIndex--; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".nav li").click(function() { var box=$(this).parent().parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children(".LBbox").eq(curIndex).is(":animated")) { return; } curIndex = $(this).index(); if (curIndex == prevIndex) { return; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); //左边按钮：向右边滑动； function tab(box) { var LBIdx = box.attr("lbindex"); //切大图； if (curIndex == 0 && prevIndex == $(".LB"+LBIdx+" .nav li").length-1) { //边界2，当前在最后一张，点击next //向左滑动：前一张向左滑动，当前那一张摆放在右边，滑动到当前位置； box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else if (prevIndex == 0 && curIndex == $(".LB"+LBIdx+" .nav li").length-1 ) { //边界1，当前在第一张，点击prev //向右滑动：前一张向右滑动，当前那一张摆放在左边，滑动到当前位置 box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } else if (curIndex > prevIndex) { box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else { box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } //切小点； $(".LB"+LBIdx+" .nav li").eq(curIndex).addClass("on").siblings().removeClass() } // ]]>

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} } < > < > // = 800 && screen.width >= screen.height) { $(".box>.ph_bf").remove() }else { $(".box>.pc_bf").remove() } }); var prevIndex = 0; var curIndex = 0; $(".next").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); //.is(":animated"):正在执行动画返回true，没在执行动画返回false if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex >= box.children("img").length - 1) { curIndex = 0; } else { curIndex++ } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".prev").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex <= 0) { curIndex = box.children("img").length - 1; } else { curIndex--; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".nav li").click(function() { var box=$(this).parent().parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children(".LBbox").eq(curIndex).is(":animated")) { return; } curIndex = $(this).index(); if (curIndex == prevIndex) { return; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); //左边按钮：向右边滑动； function tab(box) { var LBIdx = box.attr("lbindex"); //切大图； if (curIndex == 0 && prevIndex == $(".LB"+LBIdx+" .nav li").length-1) { //边界2，当前在最后一张，点击next //向左滑动：前一张向左滑动，当前那一张摆放在右边，滑动到当前位置； box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else if (prevIndex == 0 && curIndex == $(".LB"+LBIdx+" .nav li").length-1 ) { //边界1，当前在第一张，点击prev //向右滑动：前一张向右滑动，当前那一张摆放在左边，滑动到当前位置 box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } else if (curIndex > prevIndex) { box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else { box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } //切小点； $(".LB"+LBIdx+" .nav li").eq(curIndex).addClass("on").siblings().removeClass() } // ]]>

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} } < > < > // = 800 && screen.width >= screen.height) { $(".box>.ph_bf").remove() }else { $(".box>.pc_bf").remove() } }); var prevIndex = 0; var curIndex = 0; $(".next").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); //.is(":animated"):正在执行动画返回true，没在执行动画返回false if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex >= box.children("img").length - 1) { curIndex = 0; } else { curIndex++ } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".prev").click(function() { var box=$(this).parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children("img").eq(curIndex).is(":animated")) { return; } if (curIndex <= 0) { curIndex = box.children("img").length - 1; } else { curIndex--; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); $(".nav li").click(function() { var box=$(this).parent().parent(); prevIndex=box.attr("previndex"); curIndex=box.attr("curindex"); if (box.children(".LBbox").eq(curIndex).is(":animated")) { return; } curIndex = $(this).index(); if (curIndex == prevIndex) { return; } tab(box); prevIndex = curIndex; box.attr("previndex",prevIndex); box.attr("curindex",curIndex); }); //左边按钮：向右边滑动； function tab(box) { var LBIdx = box.attr("lbindex"); //切大图； if (curIndex == 0 && prevIndex == $(".LB"+LBIdx+" .nav li").length-1) { //边界2，当前在最后一张，点击next //向左滑动：前一张向左滑动，当前那一张摆放在右边，滑动到当前位置； box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else if (prevIndex == 0 && curIndex == $(".LB"+LBIdx+" .nav li").length-1 ) { //边界1，当前在第一张，点击prev //向右滑动：前一张向右滑动，当前那一张摆放在左边，滑动到当前位置 box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } else if (curIndex > prevIndex) { box.children("img").eq(prevIndex).animate({ left: -100+"%" }, 500) box.children("img").eq(curIndex).css("left", "100%").animate({ left: 0 }, 500) } else { box.children("img").eq(prevIndex).animate({ left: 100+"%" }, 500) box.children("img").eq(curIndex).css("left", "-100%").animate({ left: 0 }, 500) } //切小点； $(".LB"+LBIdx+" .nav li").eq(curIndex).addClass("on").siblings().removeClass() } // ]]>

.pcA{display: block!important;} .phA{display: none!important;} #CKTA>div{position: relative} .YouTubeVideo{width: 100%;height: 660px;display: block} @media screen and (max-width:800px) { .pcA{display: none!important;} .phA{display: block!important;} .YouTubeVideo{width: 100%;height: 190px} }