Venlentine – 第 10 页

UI, 移动开发2010年5月11日2011年10月4日

WEB下使用的OFFICE控件介绍

首先来个名词解释，Office网络文档控件，就是在网页中编辑office文档的控件（前提是browser已经安 […]

Javascript2010年5月5日2011年10月18日

IE图片预加载

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;IE图片预加载类&lt;/title&gt;
&lt;script language="javascript"&gt;
function LoadImageClass()
{
	var me = this;
	var a = []; //图片数组
	this.Idx = 0; //已经被加载的图片个数
	this.Num = 0; //图片总数
	//下载图片
	this.LoadImages = function (s)
	{
		a = s.split(",");
		this.Num = a.length;
		DownImg();
	}

	function DownImg()
	{
		var i = new Image();
		var f = true;
		i.onload = function ()
		{
			if (f)
			{
				f = false
				me.Idx++;
				if (me.LoadIng) me.LoadIng();
				if (me.Idx &lt; me.Num) DownImg();
				else if (me.CallBack) me.CallBack(a);
			}
		}
		i.src = a[me.Idx];
	}
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="counter" style="position:absolute; z-index:98; left:expression(document.body.clientwidth/2-60); top:expression(document.body.clientheight/2-10); width:120px; height:20px; background:#000000; color:#ffffff;"&gt;
	图片加载中…
&lt;/div&gt;
&lt;div id="divPageMask" style="position:absolute;z-index:99; left:0px; top:0px; width:expression(document.body.clientwidth); height:expression(document.body.clientheight); background:black; filter:alpha(opacity=50);"&gt;
&lt;/div&gt;
&lt;div id="box"&gt;
&lt;/div&gt;
&lt;script language="javascript"&gt;
var o = document.getElementById("counter");
var t = new LoadImageClass();
t.LoadIng = function ()
{
	o.innerHTML = "加载进度：" + Math.floor(t.Idx / t.Num * 100) + "%"
};
t.CallBack = function (arr)
{
	window.setTimeout(function ()
	{
		o.style.display = 'none';
		alert('图片加载完毕！')
	}, 1000);
	document.getElementById('divPageMask').style.display = 'none';
	var str = "";
	for (var i = 0; i &lt; arr.length; i++)
	{
		str += '&lt;img src="+arr[i]+" /&gt;&lt;br/&gt;';
	}
	document.getElementById("box").innerHTML = str;
}
t.LoadImages('http://photo1.bababian.com/upload3/20070726/90C803067E6AE5F138890F7EDBD6A5B2_240.jpg,http://photo1.bababian.com/upload3/20070726/AE9544EED47E210930511245D43E61C9_240.jpg,http://photo1.bababian.com/upload3/20070726/C0C286574F4D794190BC893B8FF9699B_240.jpg,http://photo1.bababian.com/upload3/20070726/153DCE973D5A68BCF1581C598D58FCC1_240.jpg,http://photo1.bababian.com/upload3/20070726/2882CBEC90AE58AB3AE56A157B3B9D4F_240.jpg,http://photo1.bababian.com/upload3/20070726/40C80D0BD65E5D0EA82CDE6556A53815_240.jpg,http://photo1.bababian.com/upload3/20070726/F098FDD6147BFABC4796CFC463A025A9_240.jpg');&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>IE图片预加载类</title>

function LoadImageClass()

{

var me = this;

var a = []; //图片数组

this.Idx = 0; //已经被加载的图片个数

this.Num = 0; //图片总数

//下载图片

this.LoadImages = function (s)

{

a = s.split(",");

this.Num = a.length;

DownImg();

}

function DownImg()

{

var i = new Image();

var f = true;

i.onload = function ()

{

if (f)

{

f = false

me.Idx++;

if (me.LoadIng) me.LoadIng();

if (me.Idx < me.Num) DownImg();

else if (me.CallBack) me.CallBack(a);

}

i.src = a[me.Idx];

}

</script>

</head>

<body>

图片加载中…

</div>

</div>

</div>

var o = document.getElementById("counter");

var t = new LoadImageClass();

t.LoadIng = function ()

{

o.innerHTML = "加载进度：" + Math.floor(t.Idx / t.Num * 100) + "%"

};

t.CallBack = function (arr)

{

window.setTimeout(function ()

{

o.style.display = 'none';

alert('图片加载完毕！')

}, 1000);

document.getElementById('divPageMask').style.display = 'none';

var str = "";

for (var i = 0; i < arr.length; i++)

{

str += '<img src="+arr[i]+" /><br/>';

}

document.getElementById("box").innerHTML = str;

}

t.LoadImages('http://photo1.bababian.com/upload3/20070726/90C803067E6AE5F138890F7EDBD6A5B2_240.jpg,http://photo1.bababian.com/upload3/20070726/AE9544EED47E210930511245D43E61C9_240.jpg,http://photo1.bababian.com/upload3/20070726/C0C286574F4D794190BC893B8FF9699B_240.jpg,http://photo1.bababian.com/upload3/20070726/153DCE973D5A68BCF1581C598D58FCC1_240.jpg,http://photo1.bababian.com/upload3/20070726/2882CBEC90AE58AB3AE56A157B3B9D4F_240.jpg,http://photo1.bababian.com/upload3/20070726/40C80D0BD65E5D0EA82CDE6556A53815_240.jpg,http://photo1.bababian.com/upload3/20070726/F098FDD6147BFABC4796CFC463A025A9_240.jpg');</script>

</body>

</html>

Android, 数据库2010年5月4日2011年10月4日

作者： Venlentine

WEB下使用的OFFICE控件介绍

IE图片预加载

Oracle创建数据库链接

Windows常用CMD命令

Java经典项目组件

IIS7、IIS7.5 ASP调试配置问题

IIS7、IIS7.5 ASP调试配置问题

JavaEE项目批量转换编码为UTF-8

Office2007版本说明

Spring+Hiberante+SpringMVC配置

关于使用注解，映射oracle中的clob字段问题

SQL2005 SQL2008 远程连接配置方法

jquery技巧: 图片大小自适应

WARN No appenders could be found for logger的解决方法

警告: [SetPropertiesRule]{Server/Service/Engine/Host/Context} Setting property ‘source’ to

“此版本的 SQL Server 不支持用户实例登录标志。该连接将关闭”的解决

在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误

检索 COM 类工厂中 CLSID 为 {000209FF-0000-0000-C000-000000000046} 的组件时失败

PHP版本VC6和VC9、Non Thread Safe和Thread Safe的区别

VPN连接后不能上网的问题

VMware三种网络模式根本区别 bridged nat host-only

jQuery的radio,checkbox,select操作

随机获取N条数据库记录的几个方法

JSP包含指令include包含html文件出现乱码分析与解决