oopslwb的gravatar头像
oopslwb 2015-01-15 10:03:05

JS+html5实现跟随鼠标移动而散开的粒子网页特效源码下载

JS+html5实现跟随鼠标移动而散开的粒子网页特效源码下载 
特效说明:一款JS+html5实现跟随鼠标移动而散开的粒子效果网页特效,主要运用到HTML5的canvas属性,鼠标滑动时跟随光标绘制出不同彩色圆形粒子。效果酷炫漂亮!请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器)

使用方法:1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用JS插件代码:
<script type="text/javascript" src='js/sketch.min.js'></script>
<script type="text/javascript" src="js/index.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

演示地址   代码出处及下载地址


打赏

文件名:mouseSty.zip,文件大小:9.604K 下载
  • /
      • /mouseSty
        • /mouseSty/51RGB海量优秀学习资源.txt
          • /mouseSty/css
            • /mouseSty/css/style.css
          • /mouseSty/images
            • /mouseSty/images/bodyBg.jpg
            • /mouseSty/images/bodyBg2.jpg
            • /mouseSty/images/bodyBg3.jpg
        • /mouseSty/index.html
          • /mouseSty/js
    最代码最近下载分享源代码列表最近下载
    wangliyang  LV5 2023年12月11日
    9323249323  LV13 2023年7月25日
    yaoxin6666987  LV1 2023年6月25日
    金石飞光  LV2 2022年10月5日
    hongjunID  LV3 2022年6月16日
    daufvcv  LV1 2022年5月13日
    2819173908  LV2 2022年4月6日
    abcdljw  LV20 2021年12月28日
    觉有情  LV2 2021年6月29日
    枫丶灬  LV5 2021年6月29日
    最代码最近浏览分享源代码列表最近浏览
    wangliyang  LV5 2023年12月11日
    微信网友_6657964114137088  LV1 2023年9月20日
    9323249323  LV13 2023年7月25日
    yaoxin6666987  LV1 2023年6月25日
    微信网友_6411724627349504  LV3 2023年4月3日
    金石飞光  LV2 2022年10月5日
    martin827  LV9 2022年9月1日
    hongjunID  LV3 2022年6月16日
    kingoneyang  LV13 2022年5月20日
    daufvcv  LV1 2022年5月13日
    顶部 客服 微信二维码 底部
    >扫描二维码关注最代码为好友扫描二维码关注最代码为好友