天天饱

如果你只做自己能力范围之内的事情,就永远没法进步

10 2016 档案

摘要:回文是指把相同的词汇或句子,在下文中调换位置或颠倒过来,产生首尾回环的情趣,叫做回文,也叫回环。比如 mamam redivider . 判断其是否为回文,可先通过split()方法将其转换为数组,然后在通过reverse()方法颠倒其排序,最后通过join()方法转换回字符串进行比较。 最终效果: 阅读全文
posted @ 2016-10-31 11:34 天天饱 阅读(1244) 评论(0) 推荐(0) 编辑
摘要:内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document. 阅读全文
posted @ 2016-10-28 17:13 天天饱 阅读(446) 评论(0) 推荐(0) 编辑
摘要:在使用JS编程中,有时需要在一个方法返回两个个或两个以上的数据,用下面的几种方法都可以实现: 1 使用数组的方式,如下: 2 将数据封装到Json中返回,如下: 3 这是最简单的一种方法,看下面代码: 阅读全文
posted @ 2016-10-27 16:49 天天饱 阅读(31694) 评论(4) 推荐(2) 编辑
摘要:在谷歌浏览器会默认记住账号,而记住账号之后其input的背景会变成黄色,解决的办法如下: 方法一:直接用css的内阴影来覆盖黄色,代码如下: 方法二:input文本框使用图片背景 这个比较麻烦,目前还没找到完美的解决方法,有两种选择: 1、如果你的图片背景不太复杂,只有一些简单的内阴影,那个人觉得完 阅读全文
posted @ 2016-10-24 18:02 天天饱 阅读(3015) 评论(0) 推荐(0) 编辑
摘要:从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容。有时候我们不要到到,所有可以去掉,代码如下: 阅读全文
posted @ 2016-10-21 09:40 天天饱 阅读(2865) 评论(0) 推荐(0) 编辑
摘要:简介 Sass 有两种语法规则(syntaxes),目前新的语法规则(从 Sass 3开始)被称为 “SCSS”( 时髦的css(Sassy CSS)),它是css3语法的的拓展级,就是说每一个语法正确的CSS3文件也是合法的SCSS文件,SCSS文件使用.scss作为拓展名。第二种语法别成为缩进语 阅读全文
posted @ 2016-10-20 17:39 天天饱 阅读(5957) 评论(0) 推荐(2) 编辑
摘要:内容精简 资源这么多,多看看多学习再总结肯定是好的。多读读就算看重了不算浪费时间,毕竟一千个读者就有一千个林黛玉,还有温故而知新,说不定多读一些内容,就发现惊喜了呢。不过,在此也精简一些内容,就1~2项,只供参考。更多内容细看分类。 js:JavaScript 标准参考教程 js:JavaScrip 阅读全文
posted @ 2016-10-19 15:14 天天饱 阅读(231) 评论(0) 推荐(0) 编辑
摘要:Yslow是雅虎开发的基于网页性能分析浏览器插件,可以检测出网页的具体性能值,并且有著名的Yslow 23条优化规则,这23条,就够我们玩的了。 1. 减少HTTP请求次数 尽量合并图片、CSS、JS。比如加载一个页面,如果有5个css文件的话,那么会发出5次http请求,这样会让用户第一次访问你的 阅读全文
posted @ 2016-10-19 09:32 天天饱 阅读(231) 评论(0) 推荐(0) 编辑
摘要:效果1: 实现原理如下图: 红色框为容器,设置内容溢出隐藏,计算出一屏的宽度,通过定位每次滚动一屏的距离 代码: 效果2: 该效果实现原理为所有内容重叠在一起,通过z-index把需要展示的放在最上一层。 代码: 这种效果可以配上一些css3即可定制自己喜欢的幻灯片动画效果。 阅读全文
posted @ 2016-10-14 17:23 天天饱 阅读(315) 评论(0) 推荐(0) 编辑
摘要:实现效果: JQ简单选项卡实现,实现原理:当点击选项卡栏目时为当前栏目添加一个class,然后通过index()获得其为第几个栏目,然后通过eq()选择对应的内容显示。 布局代码: JQ实现: 最终效果 <!--栏目--> 栏目1 栏目2 <!--内容--> a b 1 2 栏目1 栏目2 栏目1 阅读全文
posted @ 2016-10-13 17:55 天天饱 阅读(199) 评论(0) 推荐(0) 编辑
摘要:在浏览一些网站时发现有一种效果是当滚动时看到某一DIV的背景也会随之滚动,如下: 当滚动时内容位置保持不变,但是内容后面的背景却在随着滚动。随之我通过审查元素看到了其是通过background-position来实现的,实现原理为当目标DIV出现在屏幕上时,当往下滚动时background-posi 阅读全文
posted @ 2016-10-13 17:25 天天饱 阅读(5781) 评论(0) 推荐(1) 编辑
摘要:点击查看原文 问题 如果我们想要一个元素拥有半透明的背景,我们有两个选择: 使用CSS和 opacity 做一张 24-bit PNG 背景图片 在CSS中使用opacity有两个问题,一是为了适应所有的浏览器,我们要对付opacity讨厌的语法;二是opacity不仅使目标元素的背 景变得半透明, 阅读全文
posted @ 2016-10-11 09:17 天天饱 阅读(1046) 评论(0) 推荐(0) 编辑
摘要:有时我们会在网站头部看到: <!--[if IE 7]> <![endif]--> 或者 <!--[if lt IE 9]> <![endif]--> 其他浏览器会将其作为注释而忽略这些语句,因为他们是IE专门提供的一种语法,如此就能根据不同的IE版本加载对应的CSS或者JS文件了。 <!--[if 阅读全文
posted @ 2016-10-11 08:47 天天饱 阅读(1041) 评论(0) 推荐(0) 编辑
摘要:滑动屏幕 touchstart:接触屏幕时触发,touchmove:活动过程触发,touchend:离开屏幕时触发 首先获取手接触屏幕时的坐标X,Y 然后获取滑动的坐标,并使用后面的坐标减去前面的坐标,通过获取的值判断其滑动方向。因为手滑动方向一般不是水平或者垂直的,所以可使用Math.abs()进 阅读全文
posted @ 2016-10-10 18:03 天天饱 阅读(14944) 评论(2) 推荐(1) 编辑
摘要:firefox使用DOMMouseScroll,其他浏览器使用mousewheel 首先绑定一个滚动事件 当滚动时获取wheelDelta值,firefox使用detail:值为下滚3上滚-3,其他浏览器使用wheelDelta:值为下滚-120上滚120,通过判断其值为正或者负即可判断鼠标滚轮上滚 阅读全文
posted @ 2016-10-10 17:48 天天饱 阅读(6148) 评论(0) 推荐(0) 编辑
摘要:效果 html css jq 阅读全文
posted @ 2016-10-10 10:25 天天饱 阅读(400) 评论(0) 推荐(0) 编辑
摘要:效果主要通过clip和transform:rotate实现 把圆环分为左右两个部分,通过角度旋转对图片剪切旋转角度<=180度的时候之旋转右边,当大于180度时右边固定旋转180度的同时旋转左边。 html css jq获取进度并算出旋转角度赋值 最终实现效果 // <![CDATA[ $(func 阅读全文
posted @ 2016-10-10 10:18 天天饱 阅读(300) 评论(0) 推荐(0) 编辑
摘要:在JQ中可以直接使用animate()来实现动画,在JS中可以通过定时器setInterval()来实现。 html JQ实现方法: 阅读全文
posted @ 2016-10-10 09:49 天天饱 阅读(825) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示