更多>
最新下载
jQuery表单输入文字计数显示代码
jQuery表单输入文字计数显示代码是一款非常实用的jQuery表单输入文字计数插件，该插件可以设置某个输入框或textarea可输入的大文字数，当用户输入文字的时候，插件会将字数倒计数显示，提示用户还可以输入多少个文字，并且显示的数字随着数字的减少会越来越清晰。
0
2026-01-31
jQuery鼠标滑过图文切换
jQuery鼠标滑过图文切换是一款默认为文字描述显示，当鼠标移到描述区域，自动换成图片切换演示，且带有定位滑动小按钮。本作品由【站长素材】收集整理，转载请注明出处！
0
2026-01-31
24小时阅读排行榜
- 1 RTF 文件中正确处理波兰语字符的 PHP 编码解决方案
- 2 如何在 psycopg 中安全地实现动态 ORDER BY 排序
- 3 如何正确构建含内联图片的 multipart 邮件以兼容 Apple Mail
- 4 PHP中使用isset()检查表达式结果的正确替代方案
- 5 如何在页面跳转后正确使用 localStorage 保存和恢复表单状态
- 6 如何在 PHP 中实现真正不可变的构建器类？
- 7 PostgreSQL max_connections 调大后的共享内存与 OOM 风险
- 8 audit.log 写满导致系统卡死的 audit_backlog_wait_time 与 backlog_limit
- 9 chronyc tracking Leap status "Insert second" 的夏令时跳跃处理
- 10 Python 进程间通信的常见手段
- 11 如何解决 localStorage 在页面跳转后无法读取的问题
- 12 ethtool -S tx_aborted_errors / tx_window_errors 的硬件故障判断标准
- 13 如何在 HTML 中正确引用同目录下的文件
- 14 如何高效提取 PHP 枚举（Enum）的所有底层值
- 15 数据增强不会增加数据集样本数量：理解 TensorFlow 中的在线增强机制
更多>
最新教程
-
- Node.js 教程
- 16515 2025-08-28
-
- CSS3 教程
- 1547409 2025-08-27
-
- Rust 教程
- 23600 2025-08-27
-
- Vue 教程
- 25987 2025-08-22
-
- PostgreSQL 教程
- 22498 2025-08-21
-
- Git 教程
- 9399 2025-08-21
js+css3催眠波纹动画特效
一款js+css3实现的带有弹跳波纹波浪效果，具有催眠效果的波纹动画特效。
js代码
<script type="text/javascript">
function getRandomNumber() {
return Math.floor(Math.random() * 255);
}
function getBrightness(r, b, g) {
return Math.sqrt(
0.299 * (r * r) +
0.587 * (g * g) +
0.114 * (b * b)
);
}
setInterval(()=> {
const r = getRandomNumber(),
g = getRandomNumber(),
b = getRandomNumber(),
brightness = getBrightness(r,g,b);
document.documentElement.style.setProperty(`--r`, r);
document.documentElement.style.setProperty(`--g`, g);
document.documentElement.style.setProperty(`--b`, b);
let bgColor;
if (brightness > 40) {
bgColor = '#121212';
} else {
bgColor = '#BDBCBF';
}
document.documentElement.style.setProperty(`--bg`, bgColor);
}, 2000);
</script>
js代码
<script type="text/javascript">
function getRandomNumber() {
return Math.floor(Math.random() * 255);
}
function getBrightness(r, b, g) {
return Math.sqrt(
0.299 * (r * r) +
0.587 * (g * g) +
0.114 * (b * b)
);
}
setInterval(()=> {
const r = getRandomNumber(),
g = getRandomNumber(),
b = getRandomNumber(),
brightness = getBrightness(r,g,b);
document.documentElement.style.setProperty(`--r`, r);
document.documentElement.style.setProperty(`--g`, g);
document.documentElement.style.setProperty(`--b`, b);
let bgColor;
if (brightness > 40) {
bgColor = '#121212';
} else {
bgColor = '#BDBCBF';
}
document.documentElement.style.setProperty(`--bg`, bgColor);
}, 2000);
</script>
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
CSS3的动感弹性波纹变换动画特效
这是一款个性创意的CSS3动感弹性波纹变换动画特效，纯CSS3圆形波纹动画效果，虽然实用性不强，不过可以学习实现方法做出自己想要的效果。
CSS3特效
2017-12-12
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
