使用豆包的AI编程，直接输入这样一段提示词：
“帮我制作一个 HTML 的元素周期表网页游戏，顶部中间显示“教育技术自留地元素周期表学习网站”。 下面显示一幅漂亮的色彩鲜艳的立体元素周期表；其中的每个元素都可以点选。用户点击每一个元素，系统就在新标签页打开百度百科中的该元素的网页。最下面署名：jiaojianli.com”
豆包就直接帮我生成了一个视觉吸引力强、交互友好的元素周期表学习网站。
来来来，看看效果：
https://www.doubao.com/share/code/4ce13e0394906526
网页展示色彩鲜艳的立体元素周期表，
上面的每个元素卡片都有阴影和悬停动画效果，当鼠标悬停在元素上时，会产生上浮和放大的立体效果，增强交互体验。
当用户点击其中的某一个元素时，它就会在新标签页打开对应的百度百科页面，方便用户获取详细信息。
页面会根据不同屏幕尺寸自动调整布局，在小屏幕设备上会显示友好的提示信息。
在元素周期表下面，还包含元素类别说明区域，帮助用户理解不同颜色代表的元素类型。
网站整体设计简洁明了，既符合教育网站的专业性，又具有现代网页的视觉吸引力和交互体验。
中国乡村发展基金会 中国发展研究基金会