主导航菜单

快捷导航

平台公告
新手帮助
1

无忧屋呼吁粉丝和广大网友文明上网倡议书

11-25
2

版权声明

11-25
3

关于无忧屋-你们怎么看?

11-25
4

侵权投诉和处理举报中心相关说明公告

11-23
5

本站资源使用研究说明-禁止非法或商业用途通告

11-23
Q

发布资源规范要求告知

05-29
Q

未成年人相关投诉渠道

02-27
Q

无忧屋虚拟积分说明

02-24
Q

新人如何搜索想要的内容

02-24
Q

资源下载和发布说明

11-25
Q

隐私条款

11-25

实用在线工具

精选开发常用工具,提高工作效率,一键直达,无需安装

CSS样式格式化

可以实现 CSS 代码在线格式化和美化

立即使用

在线ICO转换

图片转ICO格式

立即使用

JS和HTML格式化

不规范、混乱JS或HTML代码进行格式化处理

立即使用

二维码生成

自定义生成各种二维码图片

立即使用

图像转Base64

在线图像转Base64

立即使用

在线计算器

包含普通计算器和高级计算器,自由切换

立即使用

时间戳转换

Unix时间戳与日期互转工具

立即使用

HTML转换JS

HTML内容转换成JS输出

立即使用

在线转Unicode编码

在线Unicode编码解码

立即使用

在线ASCII编码

在线ASCII编码解码

立即使用

在线UTF-8/GBK编码转换

在线UTF-8/GBK编码转换器

立即使用

在线URL编码解码

在线URL链接编码解码

立即使用

热门课程推荐

精选优质课程,助你快速掌握IT技能,开启职业发展新篇章

查看全部课程
0基础入学

易语言 TCP 客户端和服务端交互实现 WPE 流畅发送和接受实现课程

本课程是对 TCP 客户端和服务端的连接发送和接受相关学习教程,禁止使用本教程做非法用途,否则后果自负,本课程主要学习TCP 协议的相关知识,了解 tcp 是面向连接可靠的数据传输的协议,本课程不针对任何第三方程序,实例讲解以本地电脑搭建环境进行服务端和客户端的稳定协议传输。

0基础入学

易语言找图找字图色识别自动化模拟办公教程

易语言是中文编程,很多功能命令都是简单易懂,所以让很多 0 基础新手熟知和乐意去学习的。可以自动模拟点击任意程序,自动根据程序的颜色图片字体来识别程序的主要功能,模拟去实现。采用图色找字找色找图来实现自动模拟的。当然我们学习这个,功能很多,作用很大。可以用来自动办公模拟,实现机器代替人工。。

0基础入学

PHP从0开始学习独立制作网站全系列课程

本课程是对0基础的学员进行录制的,可以利用本课程实现独立制作各类网站。

资源下载中心

丰富的开发资源和工具,提高您的开发效率,每日更新优质资源

热门软件
网站源码
软件源码
游戏源码
开发素材
// 资源标签切换 const tabs = document.querySelectorAll('.resource-tab'); const resourceContents = document.querySelectorAll('.resource-content'); tabs.forEach(tab => { tab.addEventListener('click', function() { // 移除所有active类 tabs.forEach(t => t.classList.remove('active')); resourceContents.forEach(c => c.style.display = 'none'); // 添加active类到当前标签 this.classList.add('active'); // 显示对应的内容 const tabId = this.getAttribute('data-tab'); document.getElementById(tabId).style.display = 'block'; }); }); // 默认显示热门软件 document.getElementById('software').style.display = 'block'; // 公告标签切换 const noticeTabs = document.querySelectorAll('.notice-tab-title'); const noticeContents = document.querySelectorAll('.notice-tab-content'); noticeTabs.forEach((tab, index) => { tab.addEventListener('click', function() { noticeTabs.forEach(t => t.classList.remove('active')); noticeContents.forEach(c => c.classList.remove('active')); this.classList.add('active'); noticeContents[index].classList.add('active'); }); }); // 轮播图功能 const carouselSlides = document.querySelectorAll('.carousel-slide'); const carouselControls = document.querySelectorAll('.carousel-control'); let currentSlide = 0; function showSlide(index) { carouselSlides.forEach(slide => slide.style.display = 'none'); carouselControls.forEach(control => control.classList.remove('active')); carouselSlides[index].style.display = 'flex'; carouselControls[index].classList.add('active'); currentSlide = index; } carouselControls.forEach((control, index) => { control.addEventListener('click', () => showSlide(index)); }); // 自动轮播 function autoSlide() { currentSlide = (currentSlide + 1) % carouselSlides.length; showSlide(currentSlide); } showSlide(0); setInterval(autoSlide, 5000); // 在线工具轮播功能 const toolsSlider = document.querySelector('.tools-slider'); const toolRows = document.querySelectorAll('.tools-row'); const prevBtn = document.querySelector('.tool-slider-prev'); const nextBtn = document.querySelector('.tool-slider-next'); let currentRow = 0; function updateSlider() { toolsSlider.style.transform = `translateX(-${currentRow * 100}%)`; // 更新按钮状态 prevBtn.classList.toggle('disabled', currentRow === 0); nextBtn.classList.toggle('disabled', currentRow === toolRows.length - 1); } prevBtn.addEventListener('click', () => { if (currentRow > 0) { currentRow--; updateSlider(); } }); nextBtn.addEventListener('click', () => { if (currentRow < toolRows.length - 1) { currentRow++; updateSlider(); } }); // 初始化 updateSlider(); // 平滑滚动 document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); }); });