小陈学长_资源分享-源码基地-项目分享基地 - 网页特效
自适应网站图片广告横幅代码（带广告标识）
源码介绍自适应网站图片广告横幅代码（带广告标识），单页HTML源码，源码行数比较少，可以放到自己的网站合适的位置，然后修改一下广告图片以及设置跳转链接即可效果截图源码如下 横板自适应双广告图片 广告 广告
给你的网站加上横幅广告淡入淡出特效代码
特效介绍在网站首页添加顶部添加广告横幅，而且只是显示一会就消失了，不影响整体布局，可以用来做网站公告提示，或者用来节日庆祝等等，根据自己的情况来即可，代码为html源码，且代码量很少，修改很简单，可以自行修改文字显示，还有淡入显示和显示淡出消失的时间，代码里面已经加上注释了，小白也可以看懂效果截图代码如下 八一建军节快乐！祝愿祖国繁荣昌盛！
分享两款网站通用的活动倒计时特效代码
精简美观版本红色样式，美观显眼，而且展示的页面大小也比较小，完全可以适合放到网站侧边栏里面，当然放到其他合适的位置也可以代码如下： 活动结束倒计时 00 天 00 时 00 分 00 秒 活动即将结束，请抓紧时间参与！ 效果如下：极简文字版这个纯属文字倒计时，没有其他花里胡哨的东西，可以放到网站底部，或者公告栏里面，其他合适的位置也可以，代码量很少，只有二十多行 距离活动结束还有: 00天 00时 00分 00秒 效果如下：
网站樱花掉落特效JS代码-给网站添加花瓣飘落动态效果
特效介绍 JS网站PC端樱花掉落特效代码，给网站添加花瓣飘落动态效果，看着挺美的，目前只支持PC端显示，可自行修改移动端，简单的js代码，创建一个js空白文件，比如yinghua.js，将下面js代码放进去，然后上传到服务器，在网站全局或者指定页面引入该js即可查看效果 js代码可自行放在自己服务器或主机，上面的路径改下就行。效果截图 代码如下 yinghua.js内容如下： if (! (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { var stop, staticx; var img = new Image(); img.src = "[binary]"; function Sakura(x, y, s, r, fn) { this.x = x; this.y = y; this.s = s; this.r = r; this.fn = fn; } Sakura.prototype.draw = function (cxt) { cxt.save(); var xc = 40 * this.s / 4; cxt.translate(this.x, this.y); cxt.rotate(this.r); cxt.drawImage(img, 0, 0, 40 * this.s, 40 * this.s) cxt.restore(); } Sakura.prototype.update = function () { this.x = this.fn.x(this.x, this.y); this.y = this.fn.y(this.y, this.y); this.r = this.fn.r(this.r); if (this.x > window.innerWidth || this.x < 0 || this.y > window.innerHeight || this.y < 0) { this.r = getRandom('fnr'); if (Math.random() > 0.4) { this.x = getRandom('x'); this.y = 0; this.s = getRandom('s'); this.r = getRandom('r'); } else { this.x = window.innerWidth; this.y = getRandom('y'); this.s = getRandom('s'); this.r = getRandom('r'); } } } SakuraList = function () { this.list = []; } SakuraList.prototype.push = function (sakura) { this.list.push(sakura); } SakuraList.prototype.update = function () { for (var i = 0, len = this.list.length; i < len; i++) { this.list[i].update(); } } SakuraList.prototype.draw = function (cxt) { for (var i = 0, len = this.list.length; i < len; i++) { this.list[i].draw(cxt); } } SakuraList.prototype.get = function (i) { return this.list[i]; } SakuraList.prototype.size = function () { return this.list.length; } function getRandom(option) { var ret, random; switch (option) { case 'x': ret = Math.random() * window.innerWidth; break; case 'y': ret = Math.random() * window.innerHeight; break; case 's': ret = Math.random(); break; case 'r': ret = Math.random() * 6; break; case 'fnx': random = -0.5 + Math.random() * 1; ret = function (x, y) { return x + 0.5 * random - 1.7; }; break; case 'fny': random = 1.5 + Math.random() * 0.7 ret = function (x, y) { return y + random; }; break; case 'fnr': random = Math.random() * 0.03; ret = function (r) { return r + random; }; break; } return ret; } function startSakura() { requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame; var canvas = document.createElement('canvas'), cxt; staticx = true; canvas.height = window.innerHeight; canvas.width = window.innerWidth; canvas.setAttribute('style', 'position: fixed;left: 0;top: 0;pointer-events: none;z-index:99999;'); canvas.setAttribute('id', 'canvas_sakura'); document.getElementsByTagName('body')[0].appendChild(canvas); cxt = canvas.getContext('2d'); var sakuraList = new SakuraList(); for (var i = 0; i < 50; i++) { var sakura, randomX, randomY, randomS, randomR, randomFnx, randomFny; randomX = getRandom('x'); randomY = getRandom('y'); randomR = getRandom('r'); randomS = getRandom('s'); randomFnx = getRandom('fnx'); randomFny = getRandom('fny'); randomFnR = getRandom('fnr'); sakura = new Sakura(randomX, randomY, randomS, randomR, { x: randomFnx, y: randomFny, r: randomFnR }); sakura.draw(cxt); sakuraList.push(sakura); } stop = requestAnimationFrame(function () { cxt.clearRect(0, 0, canvas.width, canvas.height); sakuraList.update(); sakuraList.draw(cxt); stop = requestAnimationFrame(arguments.callee); }) } window.onresize = function () { var canvasSnow = document.getElementById('canvas_snow'); } img.onload = function () { startSakura(); } function stopp() { if (staticx) { var child = document.getElementById("canvas_sakura"); child.parentNode.removeChild(child); window.cancelAnimationFrame(stop); staticx = false; } else { startSakura(); } } }