读书人

页面二

发布时间: 2012-11-13 10:00:50 作者: rapoo

页面2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<head>
<script>
var qst1 = {head:'问题1',a:'a',b:'b',c:'c',d:'d',answer:'c'};
var qst2 = {head:'问题2',a:'a',b:'b',c:'c',d:'d',answer:'d'};
var qList = [qst1,qst2];
function init()
{

var r=parseInt(Math.random()*2);
var qst = qList[r];
var qstHead = document.getElementById("qstHead");
qstHead.innerHTML=qst.head;
document.getElementById("optA").innerHTML=qst.a;
document.getElementById("optB").innerHTML=qst.b;
document.getElementById("optC").innerHTML=qst.c;
document.getElementById("optD").innerHTML=qst.d;

}

</script>
</head>
<body>
<div id="qstDiv">
问题:<font id="qstHead"></font>
<li id="optA"></li>
<li id="optB"></li>
<li id="optC"></li>
<li id="optD"></li>
</div>
<input type='button' onclick="init()" value="生成"/>
</body>
</html>
<img src="javascript:test.src='url';" name="test">
解决IE7中img.src不能浏览本地图片的问题2008年07月31日 星期四 09:36来自:http://blog.163.com/shiweiemail@126/blog/static/105260920083301912737/

在IE6中可以很轻易的预览本地图片,只要指定 img的src就可以了。

但是在IE7中就不行了。

必须使用AlphaImageLoader属性

例:

<style type="text/css">
#newPreview
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
</style>
<script type="text/javascript" language="javascript">

function PreviewImg(imgFile)
{
var newPreview = document.getElementById("newPreview");

newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
newPreview.style.width = "80px";
newPreview.style.height = "60px";
}

</script>
<div id="newPreview"></div>

<p>请选择一个图片进行预览:<input type="file" size="20" onchange="javascript:PreviewImg(this);" /></p>


在这里:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 是一个css滤镜,支持IE5.5以上版本
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( enabled=bEnabled, sizingMethod=sSize, src=sURL)
属性:
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false
true : 默认值。滤镜激活。
false : 滤镜被禁止。

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
<div id= "File_up1_showimg " style= "background-repeat:no-repeat; background-image:url(file:///C|/Documents and
Settings/All Users/Documents/My Pictures/示例图片/Sunset.jpg); ">
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

读书人网 >Web前端

热点推荐