原文:原生javascript-无间缝滚动,封装

目前支持的是竖向与横向滚动 http: lgy. zwq.com marScroll 现在分析下无间缝实现的基本思路 竖向例子 : HTML结构: CSS: 首先需要判断里面的内容高度ul结构是否高于外层div marScrolll,则才进行无间缝滚动: 无间缝就是内容的无限滚动展示,那么先需要复制里面的内容,然后通过外层的scrollTop 属性,用setInterval 函数进行循环执行 鼠标 ...

2014-01-23 11:48 4 1732 推荐指数:

查看详情

原生javascript-图片滚动按需加载

图片滚动按需加载:在某个区域的图片(自定义的范围,一般是首屏以下的区域),拉动滚动,图片出现在可视范围才开始加载,目的是减少请求,减耗宽带,提高首屏的呈现速度,让用户第一时间看到网页内容,留下美好的第一印象。 讲解: (一)需要按需加载的img标签,图片的真实地址保存到自定义的属性里 ...

Wed Jul 17 06:12:00 CST 2013 12 2565
原生javascript-图片弹窗交互效果

本人的第一个原生js插件 - picLightBox 在线例子:http://lgy.1zwq.com/photoBox/ 【一】用var 声明多个变量,比每个变量都用var快多了    【二】Dom事件优化,在 window.onresize时,定义个定时器 ...

Mon Jul 08 04:10:00 CST 2013 8 2022
原生javascript-日历插件编写

在线实例:http://lgy.1zwq.com/calendar/ 按照我们常用的日历格式,是7*6的格子,所以生成格子的总数就确定为42 例子:(如:2013年8月,这个时间为例子) / ...

Fri Aug 16 06:16:00 CST 2013 2 3026
原生javascript满屏上下滚动

使用到一个滚动事件:onmousewheel (不支持火狐浏览器) / DOMMouseScroll (支持火狐浏览器);这篇代码支持ie8以上版本,Firefox,Safari,Chrome。 每个li代表一屏内容,滚动的是div 的滚动条,根据每个li的top值,改变滚动条距离顶部 ...

Mon Feb 27 21:30:00 CST 2017 0 1290
原生JavaScript封装Ajax

第一次开个人技术博客了,发的第一篇技术文章,欢迎指点…… 欢迎访问本人的独立博客:蓝克比尔 Ajax的实现主要分为四部分: 1、创建Ajax对象 2、连接服务器 3、发送请求 4、接收返回数据 Ajax封装函数 ...

Sat Nov 09 17:40:00 CST 2013 4 18169
原生javascript封装动画库

****转载自自己发表于牛人部落专栏的文章**** 一、前言 本文记录了自己利用原生javascript构建自己的动画库的过程,在不断改进的过程中,实现以下动画效果: 针对同一个dom元素上相继发生的动画,针对以下功能,尝试实现方案,(从一个元素向多个元素的拓展并不难,这里不做深入探究 ...

Thu Apr 20 07:00:00 CST 2017 0 1843
JavaScript-前言

目录 前言 为什么我们要学JavascriptJavascript还可以做什么呢? Javascript在页面中做了什么? Javascript比咱们前面的HTML+CSS好学么? 那学习Javascript,我们上来先 ...

Mon Aug 05 19:25:00 CST 2019 0 597
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM