Skip to content

Latest commit

 

History

History
138 lines (117 loc) · 4.11 KB

README.md

File metadata and controls

138 lines (117 loc) · 4.11 KB

石墨烯微芯片世界领先 Leading the world in graphene microchips

<title>Image and Text Swap</title> <style> body { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; background-color: #f4f4f4; background-image: url('NewBG3.png'); /* Replace with your PNG file path */ background-repeat: repeat; /* Makes the image repeat */ background-size: auto; /* Default image size; can also use cover, contain, or custom dimensions */ font-family: 'Noto Sans SC', 'Roboto', sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; /* Use Roboto for headings */ }

p, li, span { font-family: 'Noto Sans SC', sans-serif; /* Use Noto Sans CJK for body text / } .container { position: relative; text-align: center; } .text { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); font-size: 24px; color: white; } .image { width: 300px; / Adjust as needed / height: auto; } / Apply background style to the whole page */ </style>

Hello World

I'm hosted with GitHub Pages.

Image 1
石墨烯微芯片
<script> const images = [ { src: '1280GFETIMG_4479.JPG', text: '分子传感器', hoverText: 'Molecular sensor' }, { src: '1280GHSIMG_4446.JPG', text: '磁场和电流传感器', hoverText: 'Magnetic Field and current sensors' }, { src: '1280FOUNDRYIMG_4567.JPG', text: '客制化石墨烯微芯片', hoverText: 'Custom graphene chips' } ]; let currentIndex = 0; const imageElement = document.getElementById('image'); const textElement = document.getElementById('text'); function updateContent() { const { src, text } = images[currentIndex]; imageElement.src = src; textElement.innerText = text; } function nextImage() { currentIndex = (currentIndex + 1) % images.length; updateContent(); } imageElement.addEventListener('mouseover', () => { textElement.innerText = images[currentIndex].hoverText; }); imageElement.addEventListener('mouseout', () => { textElement.innerText = images[currentIndex].text; }); setInterval(nextImage, 3000); updateContent(); // Initial load </script>

test Web Paragraf 湃瑞科技

石墨烯微芯片世界领先 Leading the world in graphene microchips

石墨烯微芯片 Graphene microchips

leading the world in graphene electronics 石墨烯电子领域世界领先 graphene electronics 石墨烯电子产品 石墨烯微芯片 Graphene microchips Graphene micorelectronics 石墨烯微电子

graphene microelectronics available now 石墨烯微电子现已上市

Graphene microelectronics are already on the market 石墨烯微电子已经上市

Pioneering graphene microelectronics 开创石墨烯微电子技术

Leading the world in graphene microelectronics 石墨烯微电子技术世界领先

磁场传感器 magnetic field sensor 电流传感器 current sensor 分子传感器 molecular sensor 场效应晶体管 field effect transistor 场效应管 FET 石墨烯场效应晶体管 GFET 立即购买 buy now 如果你无法访问,请给我们发电子邮件 If you don't have access, please email us 低温兼容 cryogenic compatible 霍尔效应传感器 Hall effect sensor

磁场和电流传感器 Magnetic Field and current sensors