原文:原生javascript-图片弹窗交互效果

本人的第一个原生js插件 picLightBox 在线例子:http: lgy. zwq.com photoBox 一 用var 声明多个变量,比每个变量都用var快多了 二 Dom事件优化,在 window.onresize时,定义个定时器,setTimeout,可以防止事件频繁调用 三 图片加载的处理函数 源代码: ...

2013-07-07 20:10 8 2022 推荐指数:

查看详情

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

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

Wed Jul 17 06:12:00 CST 2013 12 2565
原生Javascript实现图片轮播效果

首先引入js运动框架 然后写轮播小案例 最终效果如下图,可实现鼠标翻页,鼠标悬停后停止轮播, ...

Wed Jun 15 20:50:00 CST 2016 2 16528
原生javascript-无间缝滚动,封装

目前支持的是竖向与横向滚动 http://lgy.1zwq.com/marScroll/ 现在分析下无间缝实现的基本思路(竖向例子): HTML结构: CSS: ...

Thu Jan 23 19:48:00 CST 2014 4 1732
原生javascript-日历插件编写

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

Fri Aug 16 06:16:00 CST 2013 2 3026
JavaScript-百度换肤效果

前端JavaScript小案例——百度换肤效果 话不多说直接给大家上代码: HTML结构部分: CSS样式部分: JavaScript行为代码部分: 运行效果: 点击了哪张图片图片就会被设置为body的背景图片,实现了点击给页面 ...

Mon May 31 02:16:00 CST 2021 0 1274
JavaScript-浏览器的三种弹窗方式

在做网页时,常常使用弹窗,以上就是浏览器的三种弹窗方式, 1: alert 在测试时常用 2: confirm 可以套用if...else 来用 ,比如 :confirm点击了确定做什么事情,点击了取消又做什么事情 3: prompt 弹窗输入 ; 可以给网页 ...

Tue Jul 16 02:10:00 CST 2019 0 1334
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM