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
    最代码最近下载分享源代码列表最近下载
    金石飞光  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日
    Jervois  LV1 2021年5月29日
    _M*  LV11 2021年5月12日
    我ai的  LV2 2021年1月13日
    最代码最近浏览分享源代码列表最近浏览
    金石飞光  LV2 2022年10月5日
    martin827  LV9 2022年9月1日
    hongjunID  LV3 2022年6月16日
    kingoneyang  LV13 2022年5月20日
    daufvcv  LV1 2022年5月13日
    zhaoshufu  LV7 2022年5月13日
    欧阳南山 2022年4月15日
    暂无贡献等级
    2819173908  LV2 2022年4月6日
    Aiy777  LV1 2022年3月27日
    cheng99521  LV1 2022年3月23日
    顶部 客服 微信二维码 底部
    >扫描二维码关注最代码为好友扫描二维码关注最代码为好友