JavaScript 小程序
文章平均质量分 73
静媛不圆
菜鸟的自我修养程序媛成长记
展开
-
金馆长连连看 Web游戏 基于HTML+CSS+JavaScript
金馆长连连看——木有美化版代码:2000+ 当然里面重复性代码很多连连看body{ padding:0; margin:0; }table{ border-collapse:collapse; }td{ with:80px; height:80px; padding:0; margin:0; text-align:center;}t原创 2015-01-27 21:25:30 · 1600 阅读 · 1 评论 -
淘宝首页 图片滑动切换效果 基于CSS3的transition方法实现
与上一文章对比着看效果更佳img { height:400px; width:1250px; /*使用relative,才能使用left、top性质*/ position:relative; top:0px; left:0px; transition:left 0.5s;}var num = 0;var x = 0;$(document).re原创 2015-02-22 21:36:27 · 4309 阅读 · 0 评论 -
幻灯片轮播~slideshow
无标题文档var imgarr = new Array("1.png" , "2.png", "3.png");var index=0;function preimg(){ index--; if(index>=0&& index <imgarr.length) { document.bgimg.src=imgarr[index]; }else { index原创 2015-01-22 23:43:47 · 919 阅读 · 0 评论 -
HTML5 canvas画布元素 制作 动态花朵动画
废话不多说 先上代码var imge = new Image(100 ,100);imge.src = "hh.png";var a = new Array(); a[0] = "2.png";var cans = document.getElementById("canvas");var cc = cans.getContext("2d");cc.save()原创 2015-02-11 20:54:33 · 4741 阅读 · 0 评论 -
2048 Web游戏 基于HTML+CSS+JavaScript
代码如下:如果需要源码打包资源 我已经上传到资源里了 大家可以去下载 下载完如果觉得不错 请给好评哟亲 var btn = document.getElementById("id1"); function init(){ var oTable = document.getElementById("mytab"); var myrows= oTable.r原创 2015-01-24 16:30:35 · 3109 阅读 · 0 评论 -
JavaScript 闭包 this
为了深入了解JavaScript的闭包百度了很多博客,其中讲的很好的文章有这么两篇:1.http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html#comment-text2.http://www.jb51.net/article/24101.htm第一篇主要讲了闭包和this的理解,通俗易懂,很棒,原创 2015-02-26 19:59:50 · 771 阅读 · 0 评论 -
淘宝首页 图片滑动切换效果 基于jQuery的animate方法实现
内容如题img { height:400px; width:1250px; /*使用relative,才能使用left、top性质*/ position:relative; top:0px; left:0px;}var num = 0;$(document).ready(function() { //setInterval("huadong(原创 2015-02-22 21:21:27 · 1953 阅读 · 1 评论 -
-webkit-transform:translate3d(0,0,0)触发GPU加速,让网页动画更流畅
前段时间,按照美拍的视频效果写了一个效果类似的网页版的动画。电脑上安装了三种浏览器:IE、Chrome、Firefox。分别作了测试,结果显示Chrome在这方面的渲染效果最差,经常出现卡顿现象,ff表现最好。一直百思不得其解,尤其是之前使用canvas标签做图片滤镜效果,chrome浏览器居然显示不了滤镜效果,然而其他浏览器均能正常显示,大谷歌你肿么了...对渲染多张图片和动画效果表示放弃了么.原创 2015-03-13 19:29:03 · 19790 阅读 · 2 评论 -
JavaScript 函数、对象字面量与构造函数
function ceshi() { this.name = "ceshi"; var name="bianliang"; var b = 0; this.show = function() { alert(name); };}var c = new ceshi();c.show();//显示:bianliangalert(c.name);//显示:ceshialert(c原创 2015-03-11 22:03:01 · 875 阅读 · 0 评论