![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端技术
文章平均质量分 58
watye
这个作者很懒,什么都没留下…
展开
-
自适应的网格布局-砌墙效果
我们使用新浪微博的时候,在“微博精选”页面里可以看到大量的微博信息。该页面信息主要是以图片配文字说明,页面使用了自适应网格布局即砌墙效果,图片加载技术,以及滚动加载内容技术。本文先介绍砌墙效果。其实我们做页面布局就相当于砌墙师傅在完成一堵墙的施工。我们在设计页面的时候,假如有很多相同的DIV,装载不同的内容,这些DIV都使用float:left,如果不限制这些DIV的高度,页面布局可能会出现砌转载 2012-05-27 10:09:56 · 761 阅读 · 0 评论 -
Jquery ajax参数设置
参数名类型描述url String(默认:当前页地址)发送请求的地址。typeString(默认: "GET")请求方式 ("POST"或 "GET"),默认为 "GET"。注意:其它 HTTP请求方法,如 PUT和 Delete也可以使用,但仅部分浏览器支持。原创 2012-05-27 12:16:38 · 440 阅读 · 0 评论 -
图片延迟加载技术-Lazyload的应用
我们在浏览图片量非常大的页面时,像淘宝商城商品展示、必应图片搜索这类网站,图片的加载非常流畅,其中就应用了图片延迟加载技术。本文讲解Lazyload图片加载插件,当我们打开页面时,首先在屏幕可视区域加载完图片,随着向下滚动页面,图片会陆续加载,从而提升了页面打开速度。Lazyload是一款基于jQuery的插件,在要显示大量图片的页面,图片是按需加载的,只在浏览器可视区内加载图片,当用户使用滚转载 2012-05-27 09:59:08 · 546 阅读 · 0 评论 -
滚屏加载--无刷新动态加载数据技术的应用
我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术。我们发现很多网站用到这种技术,必应图片搜索、新浪微博、QQ空间等将该技术应用得淋漓尽致。滚屏加载技术,就是使用Javascript监视滚动条的位置,每次当滚动条到达浏览器窗口底部时,触发一个Ajax请求后台PHP程序,返回相应的数据,并将返回的数据追加到页面底部,从而转载 2012-05-27 09:53:28 · 1003 阅读 · 0 评论 -
masonry 瀑布流布局插件使用说明
参数名参数说明itemSelectorclass选择器,默认'.item'columnWidth一列的宽度isAnimated使用jquery的布局变化,默认trueanimationOptionsanimate属性渐变效果(Object { queue: false, duration: 500 })gutterWi转载 2012-06-19 10:54:07 · 1219 阅读 · 0 评论 -
IE与火狐div高度自适应
解决方法1: 解决方法2: 解决方法3:设置DIV需要三个参数: height:高度; min-height:最小高度(只针对火狐,IE不识别该标签) !important:重要,提前;(当该标签出现在同一选择器里时,火狐优先执行,而IE默认执行最后一 个属性)需要注意的是:在针对一个原创 2012-06-20 10:06:54 · 620 阅读 · 0 评论 -
JavaScript跨域总结与解决办法
什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络(http://f2e.me/200904/cross-scripting/,该网址已不能访问),仅作个人读书笔记之用,并稍作修改和补充。原创 2012-07-24 11:50:09 · 540 阅读 · 0 评论