摘要:使用jQuery实现点击左右滑动切换特效:HTML代码如下: 1 2 3 4 5 6 7 8 9 生命如歌,春天似梦...
阅读全文
摘要:知识说明: jQuery库是一个javascript库文件,它比起javascript来,写的更少,但做得更多,下面便对刚开始学习jQuery,一些基础知识整理出来,供后期翻阅。一、 jQuery库文件下载地址:网址:http://jquery.com/download/jQuery库文件分为压缩版...
阅读全文
摘要:使用CSS3各个属性实现带有音乐小人的动画,完全不使用JS代码:注:chrome浏览器效果最佳,最终效果静态图:HTML代码如下: 练习一个小人的动画 ...
阅读全文
摘要:使用纯CSS代码模拟实现小球自由落体效果:html代码如下:1 2 3 CSS样式代码:/*ball样式*/#ballDiv{ height:400px; background-color:#333333;}#ball{ width:100px; height:100px; border-rad...
阅读全文
摘要:使用CSS3的animation动画属性实现360°无限循环旋转。代码片段: //图片路径自定义CSS样式书写如下:#change{ position:absolute; right:200px; -webkit-animation:change 2s linear infinite;}@-w...
阅读全文
摘要:知识说明: 初学JavaScript,注意以下七大细节,在实现同样功能的情况下,让我们的代码更易懂、效率更高。一、简化代码例如:创建对象之前是这样的:Var car = new object();Car.color = “red”;Car.wheels = 4;Car.age = 8;而现在可以写成...
阅读全文
摘要:知识说明: HTML5新增的canvas标签,通过创建画布,在画布上创建任何想要的形状,下面将canvas的API以及属性做一个整理,并且附上时钟的示例,便于后期复习学习!Fighting!一、标签原型 您的浏览器版本过低,不支持HTML5新增的canvas标签。使用js获取该画布,并指定对象二、c...
阅读全文
摘要:知识说明: 比不上很牛的前端开发人员,但自始至终明白“万丈高楼平地起”,基础最重要,初学HTML5,稳固基础第一步,把最基本的整理下来,留下自己学习的痕迹。HTML5新增的video标签,将其属性以及API使用整理下来,无论以后用不用得到,都是自己的一笔宝贵的财富。Video标签:一、video支持...
阅读全文
摘要:知识说明: 虽然HTML5是前端的东西,但好的前端工程师,基本的后端知识也是要有的,今天刚开始学习HTML5,把如何配置虚拟主机,更换项目预览地址做出说明!一、安装WAMP集成环境二、启动Apache服务器三、修改C:\wamp\bin\apache\apache2.4.9\conf\https.c...
阅读全文