相关搜索 >> 加载

  • 0608jq+html5滚动到底部自动加载数据之(保存数据)阅读(2296)条2016/6/8 22:53:32

    1、简述上一篇《jq滚动到底部自动加载数据实例》效果实现了,但是一直有个问题点击详细后返回数据又 重新加载了,今天就是为了这个BUG而写的,本实例正是运用了html5的localstorage(本地存储)。当然做这个效果是为了手机效果而做的,所以PC端暂时没办法全部兼容,所以效果图也是手机端的。(文章底部附DEMO预览及下载地址)效果图如下:2、核心内容讲解(1)、本文使用的插件是:Lawnchair(Lawnchair是一个轻量级的移动应用程序数据持久化存储方案,同...阅读全文

    Taget:jq html5 插件 

  • 0311手机端加载资源特效代码及完整实例阅读(1379)条2016/3/11 15:54:03

    在做h5移动页面,相信大家一定碰到过页面已经打开,但是里面的图片还未加载出来的情况,这种问题虽然不影响页面的功能,但是不利于用户体验。抛开网速的 原因,解决这个问题有多方面的思路:最基本的,要从http请求合并,缓存管理,图片压缩等方面做性能优化;另外就是可以对页面里用到的所有图片做预加载 的处理,当用户打开页面的时候不立即显示第一屏,而是先显示资源加载效果,等到加载完毕,再来显示页面的主内容,这样就能解决那个问题。虽然这...阅读全文

    Taget:手机 特效 加载 

  • 0815jq滚动到底部自动加载数据实例阅读(10716)条2015/8/15 20:57:50

    一、功能描述:滚动下拉到页面底部加载数据是很多瀑布流网站的做法,本实例是固定数据,小菜总结记录之用,高手勿喷。首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于document的 height,jquery如下代 码:$(window).scrollTop()+$(window).height()>=$(document).height();再给window绑定scroll事件来实现加载数据显示。本实例的主要是提供手机版使用所以使用了CSS3的旋转模拟图片加载效果。在实例中实现了...阅读全文

    Taget:jq 手机 滚动 加载 

  • 0228如何让加载的flash元件垂直距中阅读(2246)条2014/2/28 11:12:20

    今天在做flash的时候发现元件的位置是固定的,然后没办法随着浏览器的改变而变化(让元件垂直距中),下面就介绍如何用脚本来控制,场景尺寸变化时变更影片的位置。下面举一个在AS2中的例子:新建一影片,新增一个影片元件,为了方便在元件上画一个矩形,然后拖出场景取名为aa。然后在场景的时间轴上写下如下代码:function center(){ aa._x=(Stage.width-aa._width)/2; aa._y=(Stage.height-aa._height)/2;}center();var obj:Object=new Objec...阅读全文

    Taget:as flash 元件 

  • 1204js图片未加载完显示loading效果阅读(13602)条2013/12/4 16:45:29

    为了图片有个友好的显示效果,未加载之前显示loading,加载完成才显示图片,如果找不到图片则显示加载失败failed。效果图如下:<html><title>js图片未加载完显示loading效果</title><body><style>img{float:left;width:200px;height:200px;margin:0 10px 10px 0}</style><script>//判断浏览器var Browser=new Object();Browser.userAgent=window.navigator.userAgent.toLowerCase();Browser....阅读全文

    Taget:js 图片 loading 

  • 1008Javascript文件加载:LABjs和RequireJS-加载js阅读(4729)条2011/10/8 11:09:42

    js按次序加载对你很重要,因为可以把js放到页面的最低部。当页面加载后再执行js对页的SEO有相对的优势。传统上,加载Javascript文件都是使用<script>标签。就像下面这样:<script type="text/javascript" src="example.js"></script><script>标签很方便,只要加入网页,浏览器就会读取并运行。但是,它存在一些严重的缺陷。  (1)严格的读取顺序。由于浏览器按照<script>在网页中出现的顺序,...阅读全文

    Taget:seo js优化 js加载顺序 LABjs RequireJS 

  • 0902纯js拼图游戏源码阅读(4210)条2011/9/2 15:06:06

    今天随手写了个js的拼图游戏!这样休息的时候可以玩玩。呵,因为时间有限只写了这么多。大家可以自己去改善下,做成自己想要的效果。JS重现_经典拼板游戏,如果看不到图片,请在刷新几遍,有可能图片加载中。拼图游戏,之前玩过吧,一款小巧的益智游戏,通过编写JS游戏,可提高你对JS原理的理解。废话不多说了直接贴代码了:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x...阅读全文

    Taget:拼图 加载 益智游戏 

  • 0902js+iframe加载效果完成后才显示内容阅读(9315)条2011/9/2 14:44:58

    最近做因为有需要做iframe加载效果。就写了一个。感觉效果还行。主要是iframe加载完后才显示内容(兼容IE/FF/Safari )!下面我就把代码贴给大家看了!欢迎提出你宝贵的意见。<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><style type="text/css"><!--*{margin:0;padding:0;}.ifr_div{width:600px;height:600px; position:relative;}.ifr_div img{ vertical-align:middle;...阅读全文

    Taget:iframe 加载效果 代码 

  • 0722JavaScript 实现页面滚动图片加载(no JQ)阅读(3773)条2011/7/22 10:34:42

    因为最近在搞网站优化这块,感觉图片延时加载技术不错,可以让用户感觉很好。页面加载不用等太长时间,节约了网站资源!为什么写这篇文章:  1.优化页面很实用的方法,技术实现不难;  2.搜索了相关内容的文章,好像都是用jQuery的方法,可是如果不用jQuery的站长难道就不能用这种方法了么;  3.做技术分享也是在让更多人帮自己测试,因为这个本人木有在项目中实际用到,都是自己琢磨的,所有如果有问题请大家指出,先谢谢了!   现在的页面大...阅读全文

    Taget:页面滚动 图片加载 no jq 

  • 1225关于图片延迟加载技术-ImageLazyLoad阅读(8803)条2010/12/25 13:56:42

    关于图片延迟加载技术的优点与缺点因为工作需要所以最近研究了一下淘宝、QQ、拍拍等几个大型网站的图片延迟加载技术!所以与大家分享一下,仅是代表我的个人观点图片延迟加载技术(ImageLazyLoad),在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片,占的几M的空间。ImageLazyLoad技术就是,当前可是界面的图片是加载进来的,而不可见页面(通过滚动条下拉可见)中的图片是不加载的,这样势必会引起...阅读全文

    Taget:图片 LazyLoad 延迟加载 

当前第  1  页 / 共  1  页  总共10条记录  

1