需求:登录时,做一个滚动条和提示,说明当前正在登录
做法:刚开始使用JS动态创建一个表格,显示一个GIF图片和提示信息,之后提交登录表单
错误:发现在IE中正常显示,但在Firefox和Chrome中不显示图片
猜测:Firefox在事件方法或者提交表單時可能不允许去另外创建一个请求,来下载图片。
修改办法:
[list]
[*]做隐藏DIV,放入提示信息和图片(这种在IE中有BUG,提交或者页面跳转时会停止动画,只显示图片第一帧图片)
[*]预先加载图片
[*]可以判断浏览器类型,根据不同的浏览器选用相应的方法
[/list]
预加载方法:
更多预加载,请看:
[url]http://www.fantxi.com/blog/archives/preload-images-css-js/[/url]
文中动态创建滚动条方法:
本文系原创,转载请标明出处:[url]http://gaojianqi6-126-com.iteye.com/blog/1415842[/url]
做法:刚开始使用JS动态创建一个表格,显示一个GIF图片和提示信息,之后提交登录表单
错误:发现在IE中正常显示,但在Firefox和Chrome中不显示图片
猜测:Firefox在事件方法或者提交表單時可能不允许去另外创建一个请求,来下载图片。
修改办法:
[list]
[*]做隐藏DIV,放入提示信息和图片(这种在IE中有BUG,提交或者页面跳转时会停止动画,只显示图片第一帧图片)
[*]预先加载图片
[*]可以判断浏览器类型,根据不同的浏览器选用相应的方法
[/list]
预加载方法:
new Image().src = "images/jindu2.gif";
更多预加载,请看:
[url]http://www.fantxi.com/blog/archives/preload-images-css-js/[/url]
文中动态创建滚动条方法:
function createJinDuTiaoDiv(){
var jinDuTiaoDiv = getId("jinDuTiao");
var table = "<table><tr>";
var img = "<td><img src='images/jindu2.gif' style='vertical-align:top' /></td>";
var text = "<td valign='middle'>正在登录。。。</td>";
var tableEnd = "</tr></table>";
jinDuTiaoDiv.innerHTML = table + img + text + tableEnd;
}
本文系原创,转载请标明出处:[url]http://gaojianqi6-126-com.iteye.com/blog/1415842[/url]