2017年11月27日
幸运抽奖
摘要： 抽奖代码里要注意一个地方，就是转动角度：在计算机语言里，逆时针的转动才算是正方向，而顺时针为负方向。 总结步骤：1.找好图片素材，当然也可以自己设计一个。（圆盘和指针） 2.先用html将素材写至页面当中。 3.设置好样式，呈现好看的页面效果。 4.最重要的部分就是在js这块的实现部分： . （1） 阅读全文
posted @ 2017-11-27 17:11 winpin 阅读(370) 评论(0) 推荐(0) 编辑
JavaScript中，关于class的调用
摘要： PS：class的调用，其实是可以叠加的，当然了这要求样式不同的情况下，如果样式相同，则后一个样式会覆盖前一个样式。 1.举例如下: 所以最后‘测试关于class的调用’几个字的样式是：font-size:50px; color:green; 2.这样的添加类方式很繁琐，每次添加一个新的，我还要带上 阅读全文
posted @ 2017-11-27 16:46 winpin 阅读(2965) 评论(0) 推荐(0) 编辑
2017年11月25日
面向对象与原型2
摘要： 1.基础的原型认识：我们创建的每个函数都有一个prototyoe属性，这个属性是一个对象，它的用途是包含可以由特定类型的所有实例共享的属性和方法。逻辑上可以这么理解：prototype通过调用构造函数而创建的那个对象的原型对象。另外要说的_proto_是指向原型属性constructor的。 2.原 阅读全文
posted @ 2017-11-25 16:40 winpin 阅读(198) 评论(0) 推荐(0) 编辑
面向对象与原型
摘要： 说真的，学习JavaScript时，面向对象与原型这章特别考验你的编程基础能力，逻辑性很强，初学时，整个人都是懵逼的状态，现在依然有点，每个函数的封装方式都是从缺点最多的写法进入，再一步一步深入，不断优化函数，最终，使得自己写出的函数能够代码精简，并且兼容性好，下面我就分享下最基础的工厂模式吧！（创 阅读全文
posted @ 2017-11-25 16:17 winpin 阅读(202) 评论(0) 推荐(0) 编辑
2017年10月27日
tab面板，html+css
摘要： tab面板 ... 阅读全文
posted @ 2017-10-27 21:59 winpin 阅读(917) 评论(0) 推荐(0) 编辑
2017年10月26日
下拉菜单
摘要： <!Doctype html> <html> <head> <meta charset="utf-8"> <title>下拉菜单</title> <style> *{ margin:0; padding:0; } ul{ list-style:none; overflow:hidden; backg 阅读全文
posted @ 2017-10-26 21:22 winpin 阅读(262) 评论(0) 推荐(0) 编辑
照片查看器的制作代码
摘要： <!doctype html> <html> <meta charset="utf-8"> <title>照片查看器</title> /*基础样式一定要记得清除，或者会对布局造成影响。*/ /*样式的设置根据自己的素材及布局来设置。*/ <style> *{ margin:0; padding:0; 阅读全文
posted @ 2017-10-26 14:53 winpin 阅读(558) 评论(2) 推荐(0) 编辑
2017年10月25日
网页制作完后，尾部有留白
摘要： 我在制作网页时，偶然遇到了尾部留白的问题，很是苦恼，后来通过询问，知道是浮动问题造成的，这也是我们经常在制作网页时会遇到的，最终的处理方式是在父类里添加： overflow:hidden; 但是，注意overflow:hidden不与position合用，这样会造成超出的尺寸被隐藏。 阅读全文
posted @ 2017-10-25 09:31 winpin 阅读(124) 评论(0) 推荐(0) 编辑
父类清除浮动的原因、（清除浮动代码，置于CSS中方便调用）
摘要： 浮动因素在静态网页制作中经常被应用到，比如要让块级元素不独占一行，常常应用设置float的方式来实现。但是应用的时候会发现，设置了子类浮动后，未给父类清除浮动，这样就会造成一下问题： 1.浮动的元素会相对于父容器或者是前面已经定位的元素进行浮动，浮动的元素脱离文档流，也就是不再占有原有的位置，会影响 阅读全文
posted @ 2017-10-25 09:10 winpin 阅读(620) 评论(0) 推荐(0) 编辑