Standard Standing Desk (E5)

E5-V3

E5-V3

A cost-effective standing desk with a cable tray — keeping your workspace tidy and your focus sharp.

Motor

Dual-motor

Leg Section

3-stage

Adjustable Height

23.6"-49.2"

Adjustable Width

44"-58.5"

Max. Static Load

220 lbs

Product Weight

47.40 lbs

Shipping Weight

52.47 lbs

Package Dimensions

36.22×12.8×5.51

MANUAL

E5-V3 Keypad

E5-V3 Keypad

With the keypad, you can enjoy the LED display, more preset positions, as well as the anti-collision feature which would stop the motion when encounter obstracles.

Up/Down button

Yes

Memory Presets

Yes

Digital Height Display

Yes

Anti-collision Protection

Yes

function loadScript(url, callback) { document.getElementById("") && document.getElementById("").remove() var script = document.createElement("script") script.type = "text/javascript" script.async = "async" script.src = url script.id = "" var head = document.head || document.getElementsByTagName("head")[0] head.appendChild(script) if (script.readyState) { script.onreadystatechange = function () { if ( script.readyState == "complete" || script.readyState == "loaded" ) { script.onreadystatechange = null callback() } } } else { script.onload = function () { callback() } } } loadScript( "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/swiper@8.4.7-min-us.js", function () { var swiper = new Swiper(".swiper", { // slidesPerView: "auto", // 设置为 auto，让每个按钮或隐藏内容占满一屏 navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, slidesPerView: "auto", spaceBetween: 25, }) // document.addEventListener("DOMContentLoaded", function () { } ) const FirstTabs = { Chipboard: { // '42" X 24"': { // ImgUrl: // "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Chipboard42x24.png", // Size: `42" x 24"`, // Shape: "Rectangular", // Thickness: `1"`, // "Product Weight": "23.3lbs", // "Shipping Weight": "30.8lbs", // "Package Dimension": `45.7" x 26.4" x 2.6"`, // }, '48" X 24"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Chipboard48x24.png", context: "A sturdy material that holds up well under pressure,createsstable desks without weak spots.", Size: `48" x 24"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "26.0lbs", "Shipping Weight": "30.8lbs", "Package Dimension": `50.8" x 26.4" x 2.5"`, }, '48" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Chipboard48x30.png", context: "A sturdy material that holds up well under pressure,createsstable desks without weak spots.", Size: `48" x 30"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "31.2lbs", "Shipping Weight": "38.2lbs", "Package Dimension": `51.4" x 33.5" x 2.6"`, }, '55" X 28"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Chipboard55x28.png", context: "A sturdy material that holds up well under pressure,createsstable desks without weak spots.", Size: `55" x 28"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "35.9lbs", "Shipping Weight": "41.6lbs", "Package Dimension": `58.7" x 30.3" x 2.5"`, }, '60" X 24"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Chipboard60x24.png", context: "A sturdy material that holds up well under pressure,createsstable desks without weak spots.", Size: `60" x 24"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "37.8lbs", "Shipping Weight": "48.4lbs", "Package Dimension": `63" x 26.2" x 2.8"`, }, // '60" X 30"': { // ImgUrl: // "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Chipboard60x30.png", // Size: `60" x 30"`, // Shape: "Rectangular", // Thickness: `1"`, // "Product Weight": "40.0lbs", // "Shipping Weight": "49.5lbs", // "Package Dimension": `63.0" x 32.3" x 2.6"`, // }, '72" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Chipboard72x30.png", context: "A sturdy material that holds up well under pressure,createsstable desks without weak spots.", Size: `72" x 30"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "51.9lbs", "Shipping Weight": "62.9lbs", "Package Dimension": `75.2" x 33.1" x 3.1"`, }, '80" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Chipboard80x30.png", context: "A sturdy material that holds up well under pressure,createsstable desks without weak spots.", Size: `80" x 30"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "55.4lbs", "Shipping Weight": "64.7lbs", "Package Dimension": `82.5" x 32.1" x 2.4"`, }, }, BambooR: { '48" X 24"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooR48x24.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Size: `48" x 24"`, Shape: "Rectangular", Thickness: `0.7"`, "Product Weight": "24.0lbs", "Shipping Weight": "26.2lbs", "Package Dimension": `50.1" x 26.2" x 2.4"`, }, '55" X 28"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooR55x28.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Size: `55" x 28"`, Shape: "Rectangular", Thickness: `0.7"`, "Product Weight": "32.8lbs", "Shipping Weight": "35.0lbs", "Package Dimension": `57.6" x 30.2" x 2.4"`, }, '60" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooR60x30.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Size: `60" x 30"`, Shape: "Rectangular", Thickness: `0.7"`, "Product Weight": "38.7lbs", "Shipping Weight": "40.9lbs", "Package Dimension": `62.5" x 32.5" x 2.4"`, }, '72" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooR72x30.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Size: `72" x 30"`, Shape: "Rectangular", Thickness: `0.7"`, "Product Weight": "46.4lbs", "Shipping Weight": "48.8lbs", "Package Dimension": `75.2" x 32.9" x 2.4"`, }, '78" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooR78x30.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Size: `78" x 30"`, Shape: "Rectangular", Thickness: `0.7"`, "Product Weight": "50.4lbs", "Shipping Weight": "52.8lbs", "Package Dimension": `81.3" x 32.9" x 2.4"`, }, }, BambooC: { '48" X 24"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooC48x24New.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Shape: "Curved", Thickness: `0.7"`, "Grommet Hole": "Two", "Product Weight": "24.0lbs", "Shipping Weight": "26.2lbs", "Package Dimension": `50.1" x 26.2" x 2.4"`, }, '55" X 28"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooC55x28New.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Shape: "Curved", Thickness: `0.7"`, "Grommet Hole": "Two", "Product Weight": "32.8lbs", "Shipping Weight": "35.0lbs", "Package Dimension": `57.6" x 30.2" x 2.4"`, }, '60" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooC60x30New.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Shape: "Curved", Thickness: `0.7"`, "Grommet Hole": "Two", "Product Weight": "38.7lbs", "Shipping Weight": "40.9lbs", "Package Dimension": `62.5" x 32.5" x 2.4"`, }, '72" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooC72x30.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Shape: "Curved", Thickness: `0.7"`, "Grommet Hole": "Two", "Product Weight": "46.4lbs", "Shipping Weight": "48.8lbs", "Package Dimension": `75.2" x 32.9" x 2.4"`, }, '78" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooC78x30.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Shape: "Curved", Thickness: `0.7"`, "Grommet Hole": "Two", "Product Weight": "50.4lbs", "Shipping Weight": "52.8lbs", "Package Dimension": `81.3" x 32.9" x 2.4"`, }, }, BambooD: { '55" X 28"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooD55x28.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Size: `55" x 28"`, Shape: "Rectangular", Thickness: `1.1"`, "Product Weight": "20.2lbs", "Shipping Weight": "26.5lbs", "Package Dimension": `58.3" x 30.7" x 2.8"`, }, '63" X 31"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooD63x31.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Size: `63" x 31"`, Shape: "Rectangular", Thickness: `1.1"`, "Product Weight": "26.5lbs", "Shipping Weight": "30.9lbs", "Package Dimension": `66.1" x 34.6" x 2.8"`, }, '71" X 35"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooD71x35.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Size: `71" x 35"`, Shape: "Rectangular", Thickness: `1.1"`, "Product Weight": "33.1lbs", "Shipping Weight": "37.5lbs", "Package Dimension": `74.4" x 35.6" x 2.8"`, }, '79" X 35"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/BambooD79x35.png", context: "Truly environment-friendly bamboo desktop sourced from sustainable Forests. Free of harmful chemicals.", Size: `79" x 35"`, Shape: "Rectangular", Thickness: `1.1"`, "Product Weight": "37.5lbs", "Shipping Weight": "41.9lbs", "Package Dimension": `81.9" x 35.6" x 2.8"`, }, }, SolidWoodTexture: { '48" X 24"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/SolidWoodTexture48x24.png", context: "Similar texture and effect to that of a traditional solid wood but much more economical.", Size: `48" x 24"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "24.2lbs", "Shipping Weight": "29.7lbs", "Package Dimension": `51.2" x 26.4" x 2.6"`, }, '55" X 28"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/SolidWoodTexture55x28.png", context: "Similar texture and effect to that of a traditional solid wood but much more economical.", Size: `55" x 28"`, Shape: "Rectangular", Thickness: "1”", "Product Weight": "36.3lbs", "Shipping Weight": "41.8lbs", "Package Dimension": `59.1" x 30.3" x 2.6"`, }, '60" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/SolidWoodTexture60x30.png", context: "Similar texture and effect to that of a traditional solid wood but much more economical.", Size: `60" x 30"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "41.8lbs", "Shipping Weight": "48.4lbs", "Package Dimension": `63" x 31.5" x 2.6"`, }, '72" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/SolidWood72x30.png", context: "Similar texture and effect to that of a traditional solid wood but much more economical.", Size: `72" x 30"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "25.5lbs", "Shipping Weight": "39.60lbs", "Package Dimension": `76" x 33.1" x 2.8"`, }, }, Rubberwood: { '48" X 24"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/SolidWoodTexture48x24.png", context: "Natural Rubberwood made from responsibly harvested rubber trees that have already reached the end of their production cycle.", Size: `48" x 24"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "27.5lbs", "Shipping Weight": "35.2lbs", "Package Dimension": `51.6" x 26.9" x 2.8"`, }, '55" X 28"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/SolidWoodTexture55x28.png", context: "Natural Rubberwood made from responsibly harvested rubber trees that have already reached the end of their production cycle.", Size: `55" x 28"`, Shape: "Rectangular", Thickness: `1"`, ProductWeight: "37.4lbs", ShippingWeight: "44.0lbs", PackageDimension: `59.4" x 30.8" x 2.8"`, }, }, "Butcher Block Rubberwood": { '48" X 24"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Rebberwood-20241021-img1.png", context: "A kind of Solid Wood that is durable with a dense grain, resistant to deformation, and long-lasting.", Size: `48" x 24"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "31.46lbs", "Package Dimension": `50" x 26" x 2.6"`, }, '55" X 28"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Rebberwood-20241021-img2.png", context: "A kind of Solid Wood that is durable with a dense grain, resistant to deformation, and long-lasting.", Size: `55" x 28"`, Shape: "Rectangular", Thickness: `1"`, "Package Weight": "40.7lbs", "Package Dimension": `57.9" x 30" x 2.6"`, }, '63" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Rebberwood-63x30.png", context: "A kind of Solid Wood that is durable with a dense grain, resistant to deformation, and long-lasting.", Size: `63" x 30"`, Shape: "Rectangular", Thickness: `1"`, "Package Weight": "51.7lbs", "Package Dimension": `65.7" x 31.9" x 2.6"`, }, '71" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/Rebberwood-71x30.png", context: "A kind of Solid Wood that is durable with a dense grain, resistant to deformation, and long-lasting.", Size: `71" x 30"`, Shape: "Rectangular", Thickness: `1.6"`, "Package Weight": "88lbs", "Package Dimension": `73.6" x 31.9" x 3.1"`, }, }, "Ergo Series": { 'Curved 48" X 30"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/ErgoSeries48x30New.png", context: "The E level MDF material provides sensitive and reflective points to improve mouse agility and aiming.", Size: `Curved 48" x 30"`, "Based Material": "MDF", Lamination: "PVC", Color: "White", Thickness: `1"`, Advantages: "High Hardness and Durality", }, 'Curved 55" X 28"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/ErgoSeries55x28New.png", context: "The E level MDF material provides sensitive and reflective points to improve mouse agility and aiming.", Size: `Curved 55" x 28"`, "Based Material": "MDF", Lamination: "PVC", Color: "White", Thickness: `1"`, Advantages: "High Hardness and Durality", }, 'Curved 60" X 27"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/ErgoSeries60x27New.png", context: "The E level MDF material provides sensitive and reflective points to improve mouse agility and aiming.", Size: `Curved 60" x 27"`, "Based Material": "MDF", Lamination: "PVC", Color: "White", Thickness: `1"`, Advantages: "High Hardness and Durality", }, }, "Gaming Series": { 'Curved 55" X 28"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/ErgoSeries55x28New.png", context: "The E level MDF material provides sensitive and reflective points to improve mouse agility and aiming.", Size: `Curved 55" x 28"`, "Based Material": "MDF", "Surface Coating": "Solid Powder", "Coating Technics": "Electronic Powder Coating", Color: "Black", Advantages: "More Precious Tracking", }, 'Curved 60" X 27"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/ErgoSeries60x27New.png", context: "The E level MDF material provides sensitive and reflective points to improve mouse agility and aiming.", Size: `Curved 60" x 27"`, "Based Material": "MDF", "Surface Coating": "Solid Powder", "Coating Technics": "Electronic Powder Coating", Color: "Black", Advantages: "More Precious Tracking", }, }, "Chipboard with Drawers": { '48" X 24"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/ChipbordDrawers48x24.png", context: "A sturdy material that holds up well under pressure,createsstable desks without weak spots.", Size: `48" x 24"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "36.38lbs", "Shipping Weight": "44.31lbs", "Package Dimension": `26.8" x 3.4" x 52.4"`, }, '55" X 24"': { ImgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/ChipbordDrawers55x24.png", context: "A sturdy material that holds up well under pressure,createsstable desks without weak spots.", Size: `55" x 24"`, Shape: "Rectangular", Thickness: `1"`, "Product Weight": "40.57lbs", "Shipping Weight": "48.5lbs", "Package Dimension": `26.8" x 3.4" x 58.7"`, }, }, } function createFirstContent(key) { const target = document.getElementById( "specBox-center-second-buttonBox" ) const tab = FirstTabs[key] // 遍历指定键下的每个属性 for (const property in tab) { if (tab.hasOwnProperty(property)) { const tabHeading = document.createElement("h3") // 创建标题元素 tabHeading.textContent = property // 设置标题文本为属性 target.appendChild(tabHeading) // 将标题添加到目标元素中 tabHeading.addEventListener("click", function () { highlightButton4(this) // 点击标题时触发 highlightButton4 函数 }) // 如果是第一个标题，则添加 active 类 if (Object.keys(tab).indexOf(property) === 0) { tabHeading.classList.add("activeText") } } } } createFirstContent("Chipboard") const SecondTabs = { "4 Presets Keypad": { imgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/KeypadNew.png", title: "4 Presets Keypad", content: "2 Convenient USB charging ports (1x Type-A, 1x Type-C) are embedded in the keypad, show your favorite sit and stand height via LED display.", title1: "Up/Down button", title2: "Digital Height Display", title3: "USB Charging Ports", title4: "Memory Presets", content1: "Yes", content2: "Yes", content3: "Yes", content4: "Yes", }, "E5-Lite Keypad": { imgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/E5-Lite-Keypad-20241226-img2.png", title: "E5-Lite Keypad", content: "With the keypad, you can enjoy the LED display, more preset positions, as well as the anti-collision feature which would stop the motion when encounter obstracles. ", title1: "Memory Presets", title2: "LED Height Display", title3: "Sit-Stand Reminder", title4: "USB Charging Ports", content1: "Yes", content2: "Yes", content3: "No", content4: "Yes", }, } const ThirdTabs = { "E5-Lite": { imgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/ET362-20241226-img4.png", title: "E5-Lite", content: "Wider adjustable range meets your extra adjustable needs, the most cost-effective frame available for your whole family.", Motor: "Dual-motor", AdjustableHeight: `23.6"-49.2"`, AdjustableWidth: ` 44"-58.5"`, ApplicableDesktop: ` 47.2"-70.8" width`, StaticLoad: "276 lbs", ProductWeight: "45.6 lbs", ShippingWeight: " 49.8 lbs", PackageDimensions: `36.2" x 12.8" x 5.5"`, aName: "E5-Lite MANUAL", aUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/E5-Lite-MANUAL.pdf", }, "E5-A": { imgUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/E5-A-ET365.png", title: "E5-A", content: "Wider adjustable range meets your extra adjustable needs, the most cost-effective frame available for your whole family.", Motor: "Dual-motor", AdjustableHeight: `23.6"-49.2"`, AdjustableWidth: `43.3"-66.1"`, ApplicableDesktop: `47.2"-71" width`, StaticLoad: "287 lbs", ProductWeight: "50.49 lbs", ShippingWeight: "55.12 lbs", PackageDimensions: `33.2" x 13.6" x 5.9"`, aName: "E5-A MANUAL", aUrl: "https://s3.springbeetle.com/prod-us2-bucket/trantor/attachments/US/E5-A%20Manual.pdf", }, } // 高亮 var selectedButtonContent = "Chipboard" function highlightButton(button) { var buttons = document.querySelectorAll(".specBox .specBoxButtonBox h3") // 获取所有标签 for (var i = 0; i < buttons.length; i++) { buttons[i].classList.remove("active") // 移除所有按钮的active类 } button.classList.add("active") // 给当前点击的按钮添加active类 // 获取点击按钮对应的内容 var buttonText = button.textContent.trim() // 获取按钮文本，去除头尾空格 var content = ThirdTabs[buttonText] // 获取对应的内容对象 document.querySelector(".specBoxContentImg img").src = content.imgUrl document.querySelector(".specBoxContentTextTopTitle p").textContent = content.title document.querySelector(".specBoxContentTextTopText p").textContent = content.content // 更新内容区域的文本内容 document.getElementById("contentNew1").textContent = content.Motor document.getElementById("contentNew2").textContent = content.AdjustableHeight document.getElementById("contentNew3").textContent = content.AdjustableWidth document.getElementById("contentNew4").textContent = content.ApplicableDesktop document.getElementById("contentNew5").textContent = content.StaticLoad document.getElementById("contentNew6").textContent = content.ProductWeight document.getElementById("contentNew7").textContent = content.ShippingWeight document.getElementById("contentNew8").textContent = content.PackageDimensions document.getElementById("contentNew9").textContent = content.aName document.getElementById("contentNew9").href = content.aUrl } function highlightButton1(button) { var buttons = document.querySelectorAll(".specBox .swiper-slide h3") // 获取所有标签 for (var i = 0; i < buttons.length; i++) { buttons[i].classList.remove("active") // 移除所有按钮的active类 } button.classList.add("active") // 给当前点击的按钮添加active类 var target = document.getElementById("specBox-center-second-buttonBox") target.innerHTML = "" // 清除目标元素的内容 selectedButtonContent = button.textContent.trim() updateRightContent() createFirstContent(button.textContent.trim()) const titleElement = document.querySelector( ".specBox-center-secondBox-content-rightTitle p" ) titleElement.textContent = button.textContent.trim() } function highlightButton2(button) { var buttons = document.querySelectorAll(".specBox .specBoxBottomButton h3") // 获取所有标签 for (var i = 0; i < buttons.length; i++) { buttons[i].classList.remove("active") // 移除所有按钮的active类 } button.classList.add("active") // 给当前点击的按钮添加active类 // 获取点击按钮对应的内容 var buttonText = button.textContent.trim() // 获取按钮文本，去除头尾空格 var content = SecondTabs[buttonText] // 获取对应的内容对象 // console.log(content) // 更新<div class="specBoxBottomContent">的内容 var specBoxBottomContent = document.querySelector( ".specBoxBottomContent" ) // 更新图片 specBoxBottomContent.querySelector(".specBoxBottomContentImg img").src = content.imgUrl // 更新标题 specBoxBottomContent.querySelector( ".specBoxBottomContentTextTitle p" ).textContent = content.title // 更新内容段落 specBoxBottomContent.querySelector( ".specBoxBottomContentTextParagraph p" ).textContent = content.content // 更新每个参数的值 specBoxBottomContent.querySelector("#title1").textContent = content.title1 specBoxBottomContent.querySelector("#title2").textContent = content.title2 specBoxBottomContent.querySelector("#title3").textContent = content.title3 specBoxBottomContent.querySelector("#title4").textContent = content.title4 specBoxBottomContent.querySelector("#content1").textContent = content.content1 specBoxBottomContent.querySelector("#content2").textContent = content.content2 specBoxBottomContent.querySelector("#content3").textContent = content.content3 specBoxBottomContent.querySelector("#content4").textContent = content.content4 } function highlightButton3(button) { var buttons = document.querySelectorAll(".specBox .specBoxFooterButton h3") // 获取所有标签 for (var i = 0; i < buttons.length; i++) { buttons[i].classList.remove("active") // 移除所有按钮的active类 } button.classList.add("active") // 给当前点击的按钮添加active类 // 获取当前按钮对应的视频 URL var iframeUrl switch (button.textContent.trim()) { case "Installation Guides E5": iframeUrl = "https://www.youtube.com/embed/ray6iG1479Y?si=RVkskDofgxkxjZlu" break // case "Installation Guides E7 Pro": // iframeUrl = // "https://www.youtube.com/embed/mu2yNgic_Us?si=NF2TDiOcDDdSmk_F" break // case "E2 vs E2 Pro": // iframeUrl = // "https://www.youtube.com/embed/ZeqN49ZfFZg?si=eUNL5H4o71Z1XnW1" // break default: iframeUrl = "" } // 将视频 URL 赋值给 <video> 元素的 src 属性 var iframeElement = document.querySelector(".specBoxFooterframe iframe") iframeElement.src = iframeUrl } function highlightButton4(button) { var buttons = document.querySelectorAll( ".specBox .specBox-center-second-buttonBox h3" ) for (var i = 0; i < buttons.length; i++) { buttons[i].classList.remove("activeText") } button.classList.add("activeText") // 获取按钮对应的内容 var buttonText = button.textContent.trim() updateRightContent(buttonText) } function updateRightContent(content) { const targetContent = content ? FirstTabs[selectedButtonContent][content] : Object.values(FirstTabs[selectedButtonContent])[0] // 获取图片容器 const imgContainer = document.querySelector( ".specBox-center-secondBox-content-left img" ) document.getElementById("dynamicText").innerText = targetContent.context // 如果存在 ImgUrl，则设置图片的 src 属性为 ImgUrl if (targetContent.ImgUrl) { imgContainer.src = targetContent.ImgUrl } else { // 如果不存在 ImgUrl，可以设置一个默认图片路径或者清空图片路径 imgContainer.src = "" // 或者设置默认图片路径 } // 获取右侧内容容器 const rightContentContainer = document.querySelector( ".specBox-center-secondBox-content-right-lineText" ) const rightContentContainerTwo = document.querySelector( ".specBox-center-secondBox-content-right-lineTextTwo" ) // 清空右侧内容容器 rightContentContainer.innerHTML = "" rightContentContainerTwo.innerHTML = "" // 遍历内容对象，分别设置属性名和属性值 for (const property in targetContent) { if ( targetContent.hasOwnProperty(property) && property !== "ImgUrl" && property !== "context" ) { // 设置属性名 const attributeName = document.createElement("p") attributeName.textContent = property rightContentContainer.appendChild(attributeName) // 设置属性值 const attributeValue = document.createElement("p") attributeValue.textContent = targetContent[property] rightContentContainerTwo.appendChild(attributeValue) } } } updateRightContent()