所有项目提交

驭鑫/yxsilicon/js/contactUs.js

@@ -0,0 +1,120 @@
+function initAMap() {
+    try {
+        // 更精确的地址
+        const address = '广东省深圳市南山区高新中三道2号软件园一期7栋303室';
+        
+        // 创建地图实例 - 延迟创建，等待地址解析
+        let map = null;
+        
+        // 地址解析
+        AMap.plugin('AMap.Geocoder', function() {
+            const geocoder = new AMap.Geocoder({
+                city: "深圳", // 指定城市提高精度
+                radius: 1000 // 搜索半径
+            });
+            
+            geocoder.getLocation(address, function(status, result) {
+                if (status === 'complete' && result.info === 'OK') {
+                    // 获取经纬度
+                    const lnglat = result.geocodes[0].location;
+                    
+                    // 在获取到坐标后再初始化地图，并直接设置中心点
+                    map = new AMap.Map('mapContainer', {
+                        zoom: 17,               // 放大缩放级别以聚焦位置
+                        center: [lnglat.lng, lnglat.lat], // 直接设置中心点
+                        viewMode: '3D',         // 使用3D视图更生动
+                        resizeEnable: true,     // 监控地图容器尺寸变化
+                        pitch: 30,              // 俯视角度
+                        mapStyle: 'amap://styles/normal'  // 使用标准彩色地图
+                    });
+                    
+                    // 添加标记
+                    const marker = new AMap.Marker({
+                        position: [lnglat.lng, lnglat.lat],
+                        title: '深圳驭鑫科技有限公司',
+                        animation: 'AMAP_ANIMATION_DROP',
+                        offset: new AMap.Pixel(-13, -30)
+                    });
+                    
+                    // 将标记添加到地图
+                    map.add(marker);
+                    
+                    // 创建信息窗体内容
+                    const content = `
+                        <div class="info-content">
+                            <div class="info-title">深圳驭鑫科技有限公司</div>
+                            <div class="info-address">${address}</div>
+                        </div>
+                    `;
+                    
+                    // 创建信息窗体
+                    const infoWindow = new AMap.InfoWindow({
+                        content: content,
+                        offset: new AMap.Pixel(0, -30),
+                        closeWhenClickMap: true
+                    });
+                    
+                    // 确保地图加载完成后再打开信息窗体
+                    map.on('complete', function() {
+                        // 默认打开信息窗体
+                        infoWindow.open(map, [lnglat.lng, lnglat.lat]);
+                    });
+                    
+                    // 绑定标记点击事件
+                    marker.on('click', function() {
+                        infoWindow.open(map, marker.getPosition());
+                    });
+                    
+                    // 添加缩放控件
+                    map.addControl(new AMap.ToolBar({
+                        position: 'RB'
+                    }));
+                    
+                    // 添加比例尺控件
+                    map.addControl(new AMap.Scale());
+                    
+                    // 确保标记点居中显示
+                    map.setFitView([marker]);
+                    
+                    // 适应地图大小变化
+                    window.addEventListener('resize', function() {
+                        map.resize();
+                        // 重新居中
+                        map.setCenter([lnglat.lng, lnglat.lat]);
+                    });
+                } else {
+                    console.error('地址解析失败:', result);
+                    document.getElementById('mapContainer').innerHTML = 
+                        '<div style="text-align:center;padding:20px;color:#f00;">地址定位失败，请刷新重试</div>';
+                    
+                    // 地址解析失败时，创建一个默认地图
+                    map = new AMap.Map('mapContainer', {
+                        zoom: 12,
+                        center: [113.953537, 22.533354], // 深圳市中心
+                        viewMode: '2D',
+                        resizeEnable: true,
+                        mapStyle: 'amap://styles/normal'
+                    });
+                }
+            });
+        });
+    } catch (error) {
+        console.error('地图初始化失败:', error);
+        document.getElementById('mapContainer').innerHTML = 
+            '<div style="text-align:center;padding:20px;color:#f00;">地图加载失败，请刷新重试</div>';
+    }
+}
+
+// 当DOM加载完成时，如果AMap已加载则初始化地图
+document.addEventListener('DOMContentLoaded', function() {
+    if (typeof AMap !== 'undefined') {
+        initAMap();
+    }
+});
+
+// 暴露全局函数供回调使用
+window.initMap = function() {
+    if (typeof AMap !== 'undefined') {
+        initAMap();
+    }
+};

驭鑫/yxsilicon/js/productIntroduction.js

@@ -0,0 +1,160 @@
+document.addEventListener('DOMContentLoaded', () => {
+    // 获取所需的DOM元素
+    const container = document.querySelector('.carousel-container');
+    const list = document.querySelector('.carousel-list');
+    const items = document.querySelectorAll('.carousel-item');
+    const prevBtn = document.querySelector('.carousel-arrow-left');
+    const nextBtn = document.querySelector('.carousel-arrow-right');
+    const indicators = document.querySelectorAll('.indicator');
+    
+    // 如果元素不存在，直接返回
+    if (!container || !list || !items.length) {
+        console.error('轮播图元素不存在，初始化失败');
+        return;
+    }
+    
+    // 克隆第一个和最后一个项目
+    const firstClone = items[0].cloneNode(true);
+    const lastClone = items[items.length - 1].cloneNode(true);
+    
+    // 将克隆的元素添加到列表中
+    list.appendChild(firstClone);
+    list.insertBefore(lastClone, list.firstChild);
+    
+    // 设置初始位置，因为添加了一个项目在前面，所以从1开始
+    let currentIndex = 1;
+    let interval = null;
+    let isTransitioning = false;
+    
+    // 初始化位置
+    updatePosition(false);
+    
+    // 更新位置的函数
+    function updatePosition(withTransition = true) {
+        // 如果需要过渡动画
+        if (withTransition) {
+            list.style.transition = 'transform 0.5s ease';
+        } else {
+            list.style.transition = 'none';
+        }
+        
+        // 计算位置并应用变换
+        const position = -currentIndex * 100;
+        list.style.transform = `translateX(${position}%)`;
+        
+        // 更新指示器状态，注意要减去1因为我们添加了克隆项目
+        updateIndicators();
+    }
+    
+    // 更新指示器状态
+    function updateIndicators() {
+        // 考虑循环，将currentIndex转换回真实索引
+        const realIndex = currentIndex - 1;
+        // 使用模运算确保索引在有效范围内
+        const activeIndex = (realIndex + items.length) % items.length;
+        
+        indicators.forEach((indicator, i) => {
+            indicator.classList.toggle('active', i === activeIndex);
+        });
+    }
+    
+    // 自动播放函数
+    function startAutoPlay() {
+        if (interval) clearInterval(interval);
+        interval = setInterval(nextSlide, 3000);
+    }
+    
+    // 暂停自动播放
+    function stopAutoPlay() {
+        clearInterval(interval);
+    }
+    
+    // 下一张函数
+    function nextSlide() {
+        if (isTransitioning) return;
+        isTransitioning = true;
+        
+        currentIndex++;
+        updatePosition();
+    }
+    
+    // 上一张函数
+    function prevSlide() {
+        if (isTransitioning) return;
+        isTransitioning = true;
+        
+        currentIndex--;
+        updatePosition();
+    }
+    
+    // 处理过渡结束事件
+    list.addEventListener('transitionend', () => {
+        isTransitioning = false;
+        
+        // 如果到达了最后一个克隆项
+        if (currentIndex >= items.length + 1) {
+            currentIndex = 1;
+            updatePosition(false);
+        }
+        
+        // 如果到达了第一个克隆项
+        if (currentIndex <= 0) {
+            currentIndex = items.length;
+            updatePosition(false);
+        }
+    });
+    
+    // 绑定按钮事件
+    prevBtn.addEventListener('click', () => {
+        prevSlide();
+        stopAutoPlay();
+        startAutoPlay();
+    });
+    
+    nextBtn.addEventListener('click', () => {
+        nextSlide();
+        stopAutoPlay();
+        startAutoPlay();
+    });
+    
+    // 绑定指示器点击事件
+    indicators.forEach((indicator, index) => {
+        indicator.addEventListener('click', () => {
+            currentIndex = index + 1; // +1因为我们添加了克隆项目
+            updatePosition();
+            stopAutoPlay();
+            startAutoPlay();
+        });
+    });
+    
+    // 鼠标悬停暂停
+    container.addEventListener('mouseenter', stopAutoPlay);
+    container.addEventListener('mouseleave', startAutoPlay);
+    
+    // 添加触摸滑动支持
+    let touchStartX = 0;
+    let touchEndX = 0;
+    
+    container.addEventListener('touchstart', (e) => {
+        touchStartX = e.touches[0].clientX;
+        stopAutoPlay();
+    });
+    
+    container.addEventListener('touchend', (e) => {
+        touchEndX = e.changedTouches[0].clientX;
+        const difference = touchStartX - touchEndX;
+        
+        if (Math.abs(difference) > 50) {
+            if (difference > 0) {
+                nextSlide();
+            } else {
+                prevSlide();
+            }
+        }
+        
+        startAutoPlay();
+    });
+    
+    // 开始自动播放
+    startAutoPlay();
+});

驭鑫/yxsilicon/js/solution.js

@@ -0,0 +1,160 @@
+document.addEventListener('DOMContentLoaded', () => {
+    // 获取所需的DOM元素
+    const container = document.querySelector('.carousel-container');
+    const list = document.querySelector('.carousel-list');
+    const items = document.querySelectorAll('.carousel-item');
+    const prevBtn = document.querySelector('.carousel-arrow-left');
+    const nextBtn = document.querySelector('.carousel-arrow-right');
+    const indicators = document.querySelectorAll('.indicator');
+    
+    // 如果元素不存在，直接返回
+    if (!container || !list || !items.length) {
+        console.error('轮播图元素不存在，初始化失败');
+        return;
+    }
+    
+    // 克隆第一个和最后一个项目
+    const firstClone = items[0].cloneNode(true);
+    const lastClone = items[items.length - 1].cloneNode(true);
+    
+    // 将克隆的元素添加到列表中
+    list.appendChild(firstClone);
+    list.insertBefore(lastClone, list.firstChild);
+    
+    // 设置初始位置，因为添加了一个项目在前面，所以从1开始
+    let currentIndex = 1;
+    let interval = null;
+    let isTransitioning = false;
+    
+    // 初始化位置
+    updatePosition(false);
+    
+    // 更新位置的函数
+    function updatePosition(withTransition = true) {
+        // 如果需要过渡动画
+        if (withTransition) {
+            list.style.transition = 'transform 0.5s ease';
+        } else {
+            list.style.transition = 'none';
+        }
+        
+        // 计算位置并应用变换
+        const position = -currentIndex * 100;
+        list.style.transform = `translateX(${position}%)`;
+        
+        // 更新指示器状态，注意要减去1因为我们添加了克隆项目
+        updateIndicators();
+    }
+    
+    // 更新指示器状态
+    function updateIndicators() {
+        // 考虑循环，将currentIndex转换回真实索引
+        const realIndex = currentIndex - 1;
+        // 使用模运算确保索引在有效范围内
+        const activeIndex = (realIndex + items.length) % items.length;
+        
+        indicators.forEach((indicator, i) => {
+            indicator.classList.toggle('active', i === activeIndex);
+        });
+    }
+    
+    // 自动播放函数
+    function startAutoPlay() {
+        if (interval) clearInterval(interval);
+        interval = setInterval(nextSlide, 3000);
+    }
+    
+    // 暂停自动播放
+    function stopAutoPlay() {
+        clearInterval(interval);
+    }
+    
+    // 下一张函数
+    function nextSlide() {
+        if (isTransitioning) return;
+        isTransitioning = true;
+        
+        currentIndex++;
+        updatePosition();
+    }
+    
+    // 上一张函数
+    function prevSlide() {
+        if (isTransitioning) return;
+        isTransitioning = true;
+        
+        currentIndex--;
+        updatePosition();
+    }
+    
+    // 处理过渡结束事件
+    list.addEventListener('transitionend', () => {
+        isTransitioning = false;
+        
+        // 如果到达了最后一个克隆项
+        if (currentIndex >= items.length + 1) {
+            currentIndex = 1;
+            updatePosition(false);
+        }
+        
+        // 如果到达了第一个克隆项
+        if (currentIndex <= 0) {
+            currentIndex = items.length;
+            updatePosition(false);
+        }
+    });
+    
+    // // 绑定按钮事件
+    // prevBtn.addEventListener('click', () => {
+    //     prevSlide();
+    //     stopAutoPlay();
+    //     startAutoPlay();
+    // });
+    
+    // nextBtn.addEventListener('click', () => {
+    //     nextSlide();
+    //     stopAutoPlay();
+    //     startAutoPlay();
+    // });
+    
+    // 绑定指示器点击事件
+    indicators.forEach((indicator, index) => {
+        indicator.addEventListener('click', () => {
+            currentIndex = index + 1; // +1因为我们添加了克隆项目
+            updatePosition();
+            stopAutoPlay();
+            startAutoPlay();
+        });
+    });
+    
+    // 鼠标悬停暂停
+    container.addEventListener('mouseenter', stopAutoPlay);
+    container.addEventListener('mouseleave', startAutoPlay);
+    
+    // 添加触摸滑动支持
+    let touchStartX = 0;
+    let touchEndX = 0;
+    
+    container.addEventListener('touchstart', (e) => {
+        touchStartX = e.touches[0].clientX;
+        stopAutoPlay();
+    });
+    
+    container.addEventListener('touchend', (e) => {
+        touchEndX = e.changedTouches[0].clientX;
+        const difference = touchStartX - touchEndX;
+        
+        if (Math.abs(difference) > 50) {
+            if (difference > 0) {
+                nextSlide();
+            } else {
+                prevSlide();
+            }
+        }
+        
+        startAutoPlay();
+    });
+    
+    // 开始自动播放
+    startAutoPlay();
+});