网上看到的会动的泡泡背景

1 <script src="http://files.cnblogs.com/files/ChouXiaoShou/jquery-1.10.2.min.js"></script>
2 <script src="http://files.cnblogs.com/files/ChouXiaoShou/easyBackground-min.js"></script>
3 <script src="http://files.cnblogs.com/files/ChouXiaoShou/bg.js"></script>

把代码插入到这个位置就可以了

效果图:

时间: 2024-08-27 13:43:25

网上看到的会动的泡泡背景的相关文章

PS制作gif动图以及背景透明与消除残影

摘要: 用Photoshop制作gif动画的要点:在窗口菜单中找到“时间轴”选中打开时间轴,单击一帧,设置该帧显示持续时间在图层里将该帧要显示的图层显示,并将不该显示的层隐藏,新建一帧,接下来就是重复劳动了.最后在文件菜单里找到存储为Web所用的格式,设置一下存储选项即可. 透明背景制作方法有二:一是删除每层的背景,这种方法应该算是通用的方法.二是在存储时在颜色表中选择设为透明色的颜色,在颜色表下方有个将选中的颜色映射为透明色的按钮,点一下就行了,这个方法应该是适合背景色是纯色,并且是主体没有的

一个解决chrome浏览器下input标签当autocomplete的时候背景变黄色同时input背景图片消失方案

最近在改一个bug即如标题所讲的一样,chrome浏览器下当input标签开启autocomplete的时候input的背景颜色变黄同时在input的背景图片也被覆盖了.为此百度了好久发现网上说的使用js来append操作,亲测了都不管用.除非把autocomplete=“off”关了,但这就不符合需求了 如图 网上说的改变-webkit-autofill的阴影背景是可以去除黄色背景的,但是图片依旧被覆盖了. input:-webkit-autofill{ box-shadow:0 0 0px

滚珠菜单动效-b

原型从网上找的,动效使用了CAAnimation和UIDynamic物理引擎.  gitHub  :https://github.com/BearRan/FlowMenuAnimation 大致步骤如下: 把效果图截取一张,拖到Sketch做背景 新建图层,使用钢笔工具临摹背景图勾勒出路径 注意:勾勒时可以选择非镜像的控制点,这样方便调整曲线 接着点击Sketch右下角的倒出按钮,格式选为SVG格式 将生成的SVG文件拖入到codePaint中,拖入成功后会直接看到如下界面 看到代码路径后可以整

PS教程1000例

http://www.missyuan.com/thread-446934-1-1.html Photoshop绘制逼真头发发丝效果http://www.missyuan.com/thread-446912-1-1.html Photoshop合成在空中漂移的陆地http://www.missyuan.com/thread-446909-1-1.html Photoshop制作漂亮的紫色水晶字效果http://www.missyuan.com/thread-446908-1-1.html Pho

与抓马宝贝曹曦老师的对话

周六是多多最后一次抓马课(抓马宝贝是来自英国的儿童教育戏剧体验中心,它不教戏剧,也不教授任何知识.技能,没有标准和答案,就做一件事,培养孩子的想象力和创造力.)课后,曹曦老师与我进行了一个半小时的谈话.这次谈话让我激动不已.当时要有酒,估计我就醉了.我没想到,除我之外,还有人,有这样的群体如此懂得多多. 多多是一年级时来到这里,第一次试听课,他抗拒地.警惕地.保持距离地观望着大家,在沉默和眼泪中参与完游戏.如同拒绝参加其他活动一样.结束后,我问他愿不愿意在这里上课,出乎意料,他居然肯定的点了头.

JavaWeb中基本的CSS的使用

动图CSS:页面美化和布局控制 一. 概念: Cascading Style Sheets 层叠样式表 * 层叠:多个样式可以作用在同一个html的元素上,同时生效 二. 好处: 1. 功能强大 2. 将内容展示和样式控制分离      * 降低耦合度.解耦      * 让分工协作更容易      * 提高开发效率 三. CSS的使用:CSS与html结合方式 1. 内联样式      * 在标签内使用style属性指定css代码      * 如:<div style="color:r

前端交互开发微体验--总结了一些国内外炫酷的网站

前端交互开发微体验 关于首屏灵动小效果,微交互提升页面生机: 一.关于首屏视频播放 http://designmodo.com/startup/ 感官体验:科技感,高大上,酷 综合评价:如页面请求不多且视频占空小的情况下使用.一般为首屏轮播图的情况下使用,前两张轮播为图片,最后为视频,多给视频一些加载时间.还有就是非首屏使用. 推荐指数:★★★☆☆     二.Hover时实现图片随着鼠标方向而变动 http://atieva.com/ https://labs.invisionapp.com/

1541 乌龟棋

难度:普及+/提高 题目类型:动态规划 提交次数:2 涉及知识:多维动规 题目背景 小明过生日的时候,爸爸送给他一副乌龟棋当作礼物. 题目描述 乌龟棋的棋盘是一行N个格子,每个格子上一个分数(非负整数).棋盘第1格是唯一的起点,第N格是终点,游戏要求玩家控制一个乌龟棋子从起点出发走到终点. 乌龟棋中M张爬行卡片,分成4种不同的类型(M张卡片中不一定包含所有4种类型的卡片,见样例),每种类型的卡片上分别标有1.2.3.4四个数字之一,表示使用这种卡片后,乌龟棋子将向前爬行相应的格子数.游戏中,玩家

1616 疯狂的采药(完全背包问题)

难度:普及- 题目类型:动规 提交次数:1 涉及知识:背包动规 题目背景 此题为NOIP2005普及组第三题的疯狂版. 此题为纪念LiYuxiang而生. 题目描述 LiYuxiang是个天资聪颖的孩子,他的梦想是成为世界上最伟大的医师.为此,他想拜附近最有威望的医师为师.医师为了判断他的资质,给他出了一个难题.医师把他带到一个到处都是草药的山洞里对他说:“孩子,这个山洞里有一些不同种类的草药,采每一种都需要一些时间,每一种也有它自身的价值.我会给你一段时间,在这段时间里,你可以采到一些草药.如