- 博客(14)
- 资源 (12)
- 收藏
- 关注
原创 js中document.documentElement 和document.body 以及其属性
(原来HTML里是document.body --XHTML里是document.documentElement ,都指的是节点(OR元素)) 在设计页面时可能经常会用到固定层的位置,这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标,这里可能就会用到document .body.scrollTop等属性,但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到
2012-08-29 15:41:57 1376
原创 iframe自适应高度(原生javascript)
顺便说下,iframe在迫不得已的时候才去用,它会给前端开发带来太多的麻烦。传统做法大致有两个:方法一,在每个被包含页在本身内容加载完毕之后,执行JS取得本页面的高度,然后去同步父页面的iframe高度。方法二,在主页面iframe的onload事件中执行JS,去取得被包含页的高度内容,然后去同步高度。在代码维护角度考虑,方法二是优于方法一的,因为方法一,每个被包含页都要去引入
2012-08-29 15:14:15 758
原创 css3 box-shadow发光效果
如果用过twitter,你可能已经留意到当输入框获得焦点后,它的边框会有蓝色发光的效果,并且这里运用了transition属性,使得发光效果有很平滑的过渡。本教程将讲述如何运用box-shadow属性来做到这样的效果。CSS代码如下:input {transition: all 0.30s ease-in-out;-webkit-transition: all 0.30
2012-08-20 10:38:20 24584
原创 实现页面无缝加载
在页面加载性能当中,页面被阻塞是影响页面主要内容(包括图片等)及时呈现在用户面前的一个重要因素之一,所以我们需要在页面中合理处置外调CSS及JS文件。样式表下面如果有script标签则同样会阻塞后续页面内容的加载,但我们通常希望优先加载样式表,这样才不会看到裸奔的页面,所以我们只须关注script的无阻塞加载即可。 http://www.w3.org/TR/xhtml1/DTD/
2012-08-11 13:52:56 1069
原创 页面加载等待页面
这一个js,可以导入到页面中即可。不用再其他部分添加任何代码.js代码如下:jgxLoader.js/** * 页面加载等待页面 * * @author gxjiang * @date 2010/7/24 * */ var height = window.screen.height-250; var widt
2012-08-11 13:51:50 3671
原创 lazyload.js实现图片异步载入
所谓图片异步加载,意思是不用一次把图片全部加载完,你可以叫它延迟加载,缓冲加载都行。看看你有没有这种需求:某篇文章图片很多,如果在载入文章时就载入所有图片,无疑会延缓载入速度,让用户等更久,所以,我想找这样一种插件,让网页只加载浏览器视野范围内的图片,没出现在范围内的图片就暂不加载,等用户滑动滚动条时再逐步加载。lazyload就是用来实现这种效果。lazyload.js其实是jQuery
2012-08-11 13:50:33 627
原创 页页优先加载区域解决方案
目前网站之间相互调用的情况越来越多,比如 需要调用某个第三方提供的一些接口(天气预报),或者是第三方提供的广告......但是出于各种原因(网络故障、服务器故障、软件故障......)常常会发生第三方的相应页面不能访问的情况,而直接导致自己网站不能正常访问,或者访问速度比较慢。比如:某个网站为头、内容、底 结构,在网站的头部放置了第三方提供的广告,但是出于某种原因,第三方的服务不能
2012-08-11 13:48:30 549
原创 实现同时加载大量大图里,由马马赛克变清晰过程方法
打开一些网上的相册,在加载照片的时候,如果网速比较慢加载慢的话,它会先显示一个类似模糊有点小马赛克的质量比较差的照片,然后慢慢的变为清晰的照片,这样避免了用户在浏览照片的时候页面一片空白的情况,在html中 IMG 有个 lowsrc 属性把图片的缩略图 放在lowsrc里面,这样的话因为缩略图是缩小的,按照原图片的比例显示就会有马赛克!src里填写 原图片!这样的话,原图片比较大
2012-08-11 13:47:16 5024 2
原创 javascript 判断 iframe是否加载成功
之前我已经介绍过了关于跨iframe的window.event的文章,有兴趣可以看下,http://www.css-js.cn/javascript/ie-iframe-window-event.htmlIE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内容发送变化的时候触发,比如内容正在载入loading会触发,内容载入完毕loaded
2012-08-10 16:49:50 23572 2
原创 使用jquery操作iframe
使用jquery操作iframe 1、 内容里有两个ifame leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://www.radys.cn")2、 如果内容里面有一个ID为mainiframe的ifame ifame包
2012-08-10 14:36:55 751
转载 jQuery 跟随滚动条漂浮层 置顶效果
http://www.w3.org/1999/xhtml"> #test { border: 1px #8aae44 solid; background-color: #eee; padding:20p
2012-08-04 16:15:09 1981
原创 随滚动条滚动而滚动的层(div)
昨天为做滚动层效果找了好多代码,不是代码太垃圾,就是效果不理想,如果你不想用JQUERY来处理此问题,那下面的这种方法可以采用一下:解决思路: 要使层能随滚动条的滚动而滚动,首先必须捕获到滚动条的滚动事件,或者设置一个计时器,不断检索滚动条的滚动位置,然后设置层的坐标值。方法一:用onscroll事件触发函数,设置层的坐标。document.write(new
2012-08-04 14:54:36 1624
原创 IE(IE6/IE7/IE8)支持HTML5标签
让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。 方式一:引用google的html5.js文件,代码内容可以自己下载下来看。
2012-08-03 10:24:16 479
原创 很有用的几个样式解决技巧
3.跨浏览器最小高度设置 CSS:.element { min-height:600px; height:auto !important; height:600px; } 4.Box阴影(CSS3) CSS:box { box-shadow: 5px 5px 5px #666; -moz-box-shadow: 5px 5px 5p
2012-08-03 10:15:21 399
web前端开发规范.docx
2012-09-20
js实现精致折叠菜单
2010-07-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人