Web特效

最新推荐文章于 2023-05-26 17:15:47 发布

hzp666

最新推荐文章于 2023-05-26 17:15:47 发布

阅读量1.2k

点赞数 1

分类专栏： HTML 文章标签： web HTML5 特效

132 篇文章 17 订阅

订阅专栏

如果大家需要生成web页面活泼的气泡式背景的话，今天姥爷我介绍的这个mini JavaScript肯定能帮你大忙。开发者是一个叫戴维的GitHub程序猿，大家可以免费使用，压缩后大概696字节，小脚本绝对不会拖累你的网站速度，你值得拥有哈！！

咱们先预览一下效果：

动态效果，请参考如下地址

运行效果： http://www.igeekbar.com/igclass/code/2737ba0b-4795-4a95-955e-b83af720839f.htm

在五彩缤纷的气泡页面背景中欣赏网站内容绝对近乎冥想的，我们只需要专注内容，静一静思考，嘿嘿

OK！

咸蛋不扯了，直接进入主体！！！看看代码啦！！！

<body>
  ...
  <script src="https://cdn.jsdelivr.net/npm/bubbly-bg@0.2.3/dist/bubbly-bg.js"></script>
  <script>bubbly();</script>
  ...
</body>

使用超简单，直接引入相关JS，然后调用方法 bubbly()即可，没啥可以解释滴

通过设置一些参数，比如：颜色和回掉函数，我们可以设置气泡的行为和样式

简单的了解的话，咱们可以看看下面这张图哈：

最后是该项目的地址：项目滴Github

希望大家能够觉得姥爷的网页设计角度素材有用，如果有啥建议和意见，请给我留言，不用客气，嘿嘿

关注