
原生JS小案例
文章平均质量分 88
李帅醒
这个作者很懒,什么都没留下…
展开
-
jQuery实现轮播图特效,仿京东——李帅醒博客
如今轮播图已然成为网站中的最常用功能功能之一,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。今天就教教大家做一个仿京东的轮播图。1.首先定时器实现轮播效果。2.图下的按钮也可以控制轮播顺序。3.左右按钮平时隐藏,鼠标移入时才显示。CSS页面代码: *{ margin: 0px; padding: 0px原创 2016-11-30 18:57:58 · 8051 阅读 · 0 评论 -
JS-学习笔记:原生JS实现轮播图
用原生js实现轮播图效果原创 2016-10-22 18:18:54 · 2287 阅读 · 0 评论 -
原生JS实现网页烟花动画效果——前端工程师必备技能!
原生js实现放烟花效果,点击鼠标,然后向四周扩散,最后自由落体效果!最简单的方法实现!原创 2016-11-12 18:34:32 · 20214 阅读 · 2 评论 -
原生JS表格排序,实现淘宝商品列按价格要求等排序!
如何使用原生JS实现点击表格标题栏实现按要求自动排序功能?今天就教大家实现这个功能,这个功能可应用再淘宝等电商网站,按要求,如价格重新对商品排序我就以同学曾经去百度面试遇到的一道面试题为例子源码地址:http://download.youkuaiyun.com/detail/wcslb/9688040HTML页面代码:原创 2016-11-20 17:40:11 · 12133 阅读 · 2 评论 -
原生js实现瀑布流以及加载效果——李帅醒博客
今天教大家使用原生js实现瀑布流以及加载效果,下回再教大家使用使用原生JS实现响应式瀑布流布局,还是先从简单的入手!1、首先列数是固定的,不同的是高度,随机产生。2、一排结束后,如第6个元素,是添加再上一排最短的位置,所以要做一个大小高度判断。3、每次滚动条触发事件,加载新的元素(判断滚动条到底部,需要用到DOM的三个属性值,即scrollTop、clientHeight、scroll原创 2016-11-21 23:16:14 · 3362 阅读 · 0 评论 -
原生js实现自适应宽度瀑布流以及加载效果——李帅醒博客
今天教大家使用原生js实现自适应宽度瀑布流以及加载效果,之前已经教过大家左普通瀑布流布局。1.计算页面的宽度,计算出页面可放数据块的列数(如上图所示就有6列)。2、一排结束后,如第6个元素,是添加再上一排最短的位置,所以要做一个大小高度判断。3、当window窗口发生改变时,触发事件,改变列数,用到onresize事件。4、每次滚动条触发事件,加载新的元素(判断滚动原创 2016-11-27 19:11:19 · 3916 阅读 · 0 评论 -
JSONP跨域获取JSON数据(含jQuery方法)——李帅醒博客
首先我要强调JSONP和AJAX没有半毛钱关系,别把他们混淆!!!只不过他们都是从后台获取数据的方法!前言:说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON原创 2016-11-27 19:31:57 · 5682 阅读 · 0 评论