HTML+CSS+jquery代码实例：水波纹效果与纯HTML CSS和jquery（拿来就能用）
效果：
代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob)</title> <script src="cdn.staticfile/jquery/3.4.1/jquery.min.js"> </script> <script src="cdnjs.cloudflare/ajax/libs/jquery.ripples/0.5.3/jquery.ripples.min.js"></script> <script> $(document).ready(function(){ $(".full-landing-image").ripples({ resolution: 200, perturbance: 0.04, }); }); </script> <style> .full-landing-image { width: 100%; height: 100vh; background: url(img.tukuppt/png_preview/00/11/21/QavTHpmzY6.jpg!/fw/780) no-repeat center; background-size: cover; } </style> </head> <body> <div class="full-landing-image"></div> </body> </html>👁️ 阅读量：0
© 版权声明：本文《HTML+CSS+jquery代码实例：水波纹效果与纯HTML CSS和jquery（拿来就能用）》内容均为本站精心整理或网友自愿分享，如需转载请注明原文出处：https://www.zastudy.cn/wen/1686969455a411278.html。