下载插件和效果图

  这是一个让你的浏览器冒泡泡的插件, 浏览网页的时候仿佛置身于海底世界;

  插件下载地址:http://files.cnblogs.com/files/diligenceday/chromeExtension.crx.zip

  效果图:

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训

 

回到顶部

  在线预览页面

运行下面代码

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训View Code

  如何安装:

  1:下载插件并解压出 chromeExtension.crx

  2:打开浏览器的设置, 更多工具 -> 扩展程序, 或者直接打开 chrome://extensions/,这个地址:

移动开发培训,Android培训,安卓培训,手机开发培训,手机维修培训,手机软件培训

  3:选中插件, 左键拖拽插件到第二步中打开的界面, 界面会出现“拖放以安装”的提示, 然后松手, 并再确认安装;

回到顶部

  原理

  整体的内容分为 泡泡的构造函数和 鱼的构造函数;

  泡泡的生成是利用canvasAPI, context.arc()  画圆 ;

  鱼的生成也是利用canvasAPI, context.drawImage() 画鱼?? 

  根据鼠标移动的位置, 利用运动效果把鱼拉过去, 根据鼠标的位置画泡泡;

回到顶部

  github

  发布到git:https://github.com/sqqihao/chromeBubbleExtension

回到顶部

  插件下载地址

  插件下载地址:http://files.cnblogs.com/files/diligenceday/chromeExtension.crx.zip

作者: NONO 
出处:http://www.cnblogs.com/diligenceday/ 
QQ:287101329 
微信:18101055830 

天道酬勤