摘要: 因为sem推广总是提出一些让人吐血的需求,类似于用A链接访问B链接的内容,pc跟无线又要区分不同页面,区域的不同又要显示的内容不同等等,哎呀妈妈喂,净瞎折腾。 这一次的需求是打开A链接,mobile显示B链接的内容,pc显示C链接的内容,因为访问链接不能变。因此我首先想到的就是用iframe了。 本 阅读全文
posted @ 2016-07-06 14:18 U_can 阅读(3851) 评论(0) 推荐(0) 编辑
摘要: 需求分析: 1、无缝滚动 2、触摸拖动 先上html代码: 无缝滚动的原理呢,就是把ul容器内的全部li标签clone追加到后面,来来来,献上丑图分析一下: 当它自右向左滚动的距离大于红框宽度的一半的时候,我们就让它的tanslateX=0;因为此处刚好跟初始位置重叠,所以当我们还原到初始位移为0的 阅读全文
posted @ 2016-06-02 17:28 U_can 阅读(3523) 评论(2) 推荐(0) 编辑
摘要: 利用css3这个属性(背景剪裁): 栗子: 1、 说明: -webkit-text-fill-color: transparent;(这里必须填充透明颜色,这样渐变的颜色才会填充到文字上面,去掉这个或者填充别的颜色,效果不明显) 检索或设置对象中的文字填充颜色, 若同时设置 <' text-fill 阅读全文
posted @ 2016-05-31 14:36 U_can 阅读(13803) 评论(0) 推荐(2) 编辑
摘要: 说明:数组的赋值,例如直接将arr1赋值给arr2,那么改变arr2,arr1也会发生改变,因为他们的都指向一个内存容器。所以我为了不改变原数组,用了下面其中一个方法。 阅读全文
posted @ 2016-05-23 14:19 U_can 阅读(4042) 评论(0) 推荐(0) 编辑
摘要: 三级联动年月日 年 月 日 阅读全文
posted @ 2016-05-03 10:27 U_can 阅读(870) 评论(0) 推荐(0) 编辑
摘要: 用css3实现宽度渐显效果,记录一下 效果: 阅读全文
posted @ 2016-04-25 10:48 U_can 阅读(1959) 评论(0) 推荐(0) 编辑
摘要: 该属性是我们这次实现该功能的主要属性 目前该属性还属于草案阶段,只有chrome 18+、Safari 浏览器支持,不过相信随着时间的推移,很快会被大规模应用的。 具体的filter用法我会另外写一篇文章和大家分享的,这里主要介绍它的 blur()、brightness()、contrast() 3 阅读全文
posted @ 2016-03-21 18:20 U_can 阅读(1107) 评论(0) 推荐(0) 编辑
摘要: 今天在http://www.w3cfuns.com/notes/20618/7af828f7b6b7f9d1bb127a9cfbb3267c上看到这个效果,所以拿来练练手,太久没动脑子了,得让它活动活动。 轮播效果: 在该文章的基础上,我自己添加了自动轮播的效果 1 <!DOCTYPE HTML> 阅读全文
posted @ 2016-02-18 17:48 U_can 阅读(865) 评论(2) 推荐(1) 编辑
摘要: 自从找着了工作后已经有将近三个月没有写博客啦。最近在加强js的逻辑练习,所以收集了一些js小练习,手把手把它敲出来了。我把它记录下来,我的学习分享,嘿嘿。。。贴下界面: 图一 界面这个拼图游戏主要分为几个步骤:(1)小图片列表... 阅读全文
posted @ 2015-11-23 12:59 U_can 阅读(1763) 评论(3) 推荐(0) 编辑
摘要: 因为li是块级标签,设置为inline-block在ie7下会触发layout,这个解决办法只适合IE7原理:先让块元素变为内联,再使用(zoom:1 或float属性等)触发块元素layoutli{display: inline-block;*display:inline;*zoom:1;} 阅读全文
posted @ 2015-11-19 10:15 U_can 阅读(355) 评论(0) 推荐(0) 编辑