2016年12月_马果

原创 html5移动开发总结

1、清除html5的默认样式aritcle,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; font-size:100%; font

2016-12-31 13:52:11 568

原创 jquery Dom操作方法简单归纳

1、在html 中创建元素使用$()$(document).ready(function() { $('<a href="#top">back to top</a>'); $('<a id="top"></a>');});2、在每个匹配的元素中插入新元素的方法 1. prependTo() 2. prepend() 3. appendTo() 4. append()3、在每个

2016-12-30 15:11:14 419

转载海报设计创意套路大解析

天天看代码也是挺头痛的，今天跟大家一起来个转折，学习一下电影海报的设计。相信一定会有脑洞大开的赶脚。首先先简单阐述一下电影海报的分类：概念海报（又称预告海报）、人物海报和正式海报概念海报，顾名思义就是出一个电影相关概念的大致海报，一部电影杀青之前为在市场关注度占有一席之地而出的先导海报，这时候海报执行方只知道大概剧情，连演员是谁通常都没定，所以海报的画面通常都是紧跟剧情，而且要非常有创意，才能吸

2016-12-29 09:45:15 19057

原创你真的了解background-position

今天看了大漠老师一篇关于background-position 的文章，让我对这个属性有了一个更好的认识。在这里跟大家讲讲我的一些理解 background-position是用来控制元素背景图片的位置。它接受三种值：关键词，比如top、right、bottom、left和center 长度值，比如px、em、rem等百分值%这里重点来说一下百分值%你真的了解backgr

2016-12-28 09:32:05 708

转载 jQuery join 与 split的区别以及地图用法

jQuery join 与 split的区别以及 map用法1.join 与 split 的区别 join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。指定分隔符方法join(“#”);其中#可以是任意与之相反的是split()方法：用于把一个字符串分割成字符串数组.stringObject.split(a,b)这是它的语法2.map(c

2016-12-28 07:42:05 656

原创使用jquery的wrapAll()和wrap()方法包装元素

wrapAll() 把所有元素包装在一个容器中 wrap() 把每个元素分别包装在各自的容器中 before() insertBefore()的反向方法，功能与insertBefore()类似，但操作的内容和目标与insertBefore（）相比刚好是相反的例如： $('<p>Hello</p>').appendTo('#container'); 与

2016-12-27 11:31:58 1345

原创 jquery移动元素

通过jquery可以取得页面中的某个位置上的元素，并将它们插入到另外一个位置上。不过这里有一点需要注意。即使是在jquery的隐式迭代情况下，插入的顺序也是预定义的。即从DOM树的上方开始向下依次插入。如图：这里有两个层，<div class="chapter">和<div class="footer">现在将另个span标签依次的按顺序插入到另个层之间。就需要使用 insertBefore

2016-12-27 07:11:23 1347

原创 jquery插入元素的几种方法 insertBefore() insertAfter() prependTo() appendTo()

insertBefore() insertAfter() appendTo() prependTo() 的使用方法以及区别

2016-12-26 22:21:48 2131 1

转载如何在限宽的容器中实现全屏效果

在Web布局中，特别是在PC端中，常常可以看到这样的设计风格：内容居中，然后Banner区全屏。这也就是标题所说的效果，限宽的容器中实现全屏效果。那么问题来了，在实际中如何实现在限宽的容器中实现全屏效果。比如下面的设计风格：作为一名前端开发人员，上图的效果并不陌生。假设我们内容区域是960px，然后水平居中。而其中Banner区域是全屏效果。如下所示：那么实际开发中以什么方式来做更为

2016-12-23 11:16:58 619

转载 JQuery插件：ScrollTo平滑滚动到页面指定位置

1、准备jQuery库和scrollTo.js插件。<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.scrollTo.js"></script> 2、HTML<ul class="nav"> <li><a href="#" clas

2016-12-23 10:02:29 9754

首先简单介绍一下这个小案例的要求：这是一个点赞的功能。用户单击点赞，该点赞按钮由彩色变成灰色，并且被单击的点赞按钮被替换成已采纳的标识。且其他地方的点赞按钮变成灰色，并禁止被点击。分析一下这个案例：回答列表会很多。点赞按钮肯定也会有很多个。虽然可以通过jquery的隐士迭代来给被点击的对象加上点击事件，来达到这个效果。但是如果数据了特别大，就会影响到代码的性能。因为jquery会在后面不停的循环这些

2016-12-15 14:49:49 710

原创通过获取鼠标的点击位置来动态定位元素

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-12-15 13:58:17 3377

马果的博客