上一页 1 ··· 5 6 7 8 9 10 下一页
摘要: canvas是H5中及其重要的一个新标签,它得出现不仅让前端做图形图表功能变得异常强大,还用极强的性能丰富前端渲染页面的能力。 Life is not a problem to be solved, but a reality to be experienced.人生不是待解决的难题,而是等着我们去 阅读全文
posted @ 2016-10-29 00:16 Jason齐齐 阅读(950) 评论(0) 推荐(1) 编辑
摘要: 今天分享下移动端原生js的无缝轮播图; 移动端尽量减少使用DOM操作来频繁的浪费移动端设备的性能,所以这个无缝轮播图更多的使用了transition和transform,无缝的思想和昨天分享的PC端的无缝轮播的思想是一样的,分别在正常的图片的前面插入了最后一张图片和在正常图片的最后插入了第一张图片, 阅读全文
posted @ 2016-10-28 02:07 Jason齐齐 阅读(2158) 评论(0) 推荐(1) 编辑
摘要: 今天分享一下自动播放轮播图,自动播放轮播图是在昨天分享的轮播图的基础上添加了定时器,用定时器控制图片的自动切换,函数中首先封装一个方向的自动播放工能的小函数,这个函数中添加定时器,定时器中可以放向右走的代码,也可以放向左走的代码,然后在js加载的时候先执行一次,保证页面加载的时候轮播图是自动播放的, 阅读全文
posted @ 2016-10-27 01:07 Jason齐齐 阅读(6477) 评论(0) 推荐(1) 编辑
摘要: 原生js选项卡的几种写法,整片文章我会由简及难的描述几种常用的原生选项卡的写法; Improve little by little every day! 1>基本选项卡: 思路:循环中先清除再添加,注意this的指向和自定义属性的应用 html代码: css代码: js代码: 2>无缝滚动选项卡 布 阅读全文
posted @ 2016-10-26 01:39 Jason齐齐 阅读(2550) 评论(0) 推荐(0) 编辑
摘要: 今天简单的总结了js的一些东西,梳理下整个体系,每一次的总结都会有不同的收获;js总结一一、【获取元素】: 1、通过ID: var oBtn=document.getElementById('btn1'); var oDiv=document.getElementById('div1'); 2、通过 阅读全文
posted @ 2016-10-25 01:43 Jason齐齐 阅读(1278) 评论(0) 推荐(1) 编辑
摘要: 1 js中定时器分为两种:setInterval和setTimeout, 但是在代码的执行中,定时器的优先级最低,系统里其他不在执行的时候,它才开始。例子如下: 2 3 18 19 定时器里面的执行时间为10毫秒, for循环里面为100万毫秒。打开页面的时候一直处于刷新状态,而不是先弹出1, 刷新一段时间后,先弹出50;再弹出1; 20 21 22 第二个例子: 23 2... 阅读全文
posted @ 2016-10-23 23:40 Jason齐齐 阅读(2255) 评论(0) 推荐(1) 编辑
摘要: 今天把整个html和css的总结了一遍。可能还有疏忽之处,共同学习吧 【行为样式三者分离】 不加行内css样式,不加行内js效果 【标签】1》单标签<!doctype html> 文档头,告诉浏览器这是一个网页br 换行img 插入图片,src属性 默认有图片上方3像素,间距 2》双标签body 主 阅读全文
posted @ 2016-10-22 23:53 Jason齐齐 阅读(335) 评论(0) 推荐(1) 编辑
摘要: 用css3效果做了一个颗粒翻页效果,布局上,一张图片做底层,在这张图片上用js创建一层小的行和列各为r和c的小span,给这些span分别设置background-position;用来覆盖原来的一张图片(创建span的时候利用DOM操作,利用两个循环分别创建行和列,然后在循环中创建元素和设置元素c 阅读全文
posted @ 2016-10-22 01:02 Jason齐齐 阅读(1089) 评论(0) 推荐(0) 编辑
摘要: 今天用css3的写了一个会动的大风车,使用translate和rotate布局,使用animation制作动画效果;分享给大家 阅读全文
posted @ 2016-10-21 01:46 Jason齐齐 阅读(394) 评论(0) 推荐(1) 编辑
上一页 1 ··· 5 6 7 8 9 10 下一页