问题1:
请问IE滤镜起作用的时间为什么和 style的其它属性不同呢?以下是一个例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title></head>
<body>
<form id="form1" runat="server">
<div id="test" style="background-color:red; height:50px; width:50px; filter:alpha(opacity=60); ">asdasdasdasd</div>
</form>
<script>
var test = document.getElementById('test');
alert('1');
alert('2');
</script>
</body>
</html>
执行结果是:弹出窗口“1”,弹出窗口“2”,此时元素还没有变半透明,之后再按第二个窗口的确定之后,元素才变成半透明。现在把上面的代码改成如下,在onload的时候执行弹出窗口脚本:
<script>
window.onload = function() {
var test = document.getElementById('test');
alert('1');
alert('2');
}
</script>
这样的话,滤镜在窗口弹出之前已经起作用了,显示出半透明效果。这个实验是否可以证明,即使滤镜写在style属性里,它也不是和style的其它属性一起起作用,而是在页面的脚本执行后,onload前的这段时间间隔里起作用呢?请指教!~谢谢~~~~问题2:用滤镜可以实现垂直翻转元素,但是不能兼容非IE浏览器,请教兼容所有浏览器方案。请指教!~谢谢~~~~
请问IE滤镜起作用的时间为什么和 style的其它属性不同呢?以下是一个例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title></head>
<body>
<form id="form1" runat="server">
<div id="test" style="background-color:red; height:50px; width:50px; filter:alpha(opacity=60); ">asdasdasdasd</div>
</form>
<script>
var test = document.getElementById('test');
alert('1');
alert('2');
</script>
</body>
</html>
执行结果是:弹出窗口“1”,弹出窗口“2”,此时元素还没有变半透明,之后再按第二个窗口的确定之后,元素才变成半透明。现在把上面的代码改成如下,在onload的时候执行弹出窗口脚本:
<script>
window.onload = function() {
var test = document.getElementById('test');
alert('1');
alert('2');
}
</script>
这样的话,滤镜在窗口弹出之前已经起作用了,显示出半透明效果。这个实验是否可以证明,即使滤镜写在style属性里,它也不是和style的其它属性一起起作用,而是在页面的脚本执行后,onload前的这段时间间隔里起作用呢?请指教!~谢谢~~~~问题2:用滤镜可以实现垂直翻转元素,但是不能兼容非IE浏览器,请教兼容所有浏览器方案。请指教!~谢谢~~~~
解决方案 »
- 如何实现点击图片后显示一个层,就像论坛回复后可见一样的效果
- js显示数据库里数据
- 求一段jquery弹出页面代码(遮罩效果)?
- onclick="return on()";当on()返回flase,回怎样?那返回为true,又会怎么样?
- 为什么一些网站的头部和底部甚至栏目都采用js?
- 请教各位大侠,能否把下面这个脚本用javascript改写,多谢各位,我在线等待!!
- javascript中open函数怎么样判断一个文件是否存在啊?
- 动态修改frame的滚动属性不起作用
- 各位大虾,小弟有关于层中表的问题,急!!!!!!!!
- javascript隐藏工具栏的问题
- 学生项目 求思路
- 页面跳转,结果不执行,直接到 form 表单指定的地方去了
表达式其实就是JS
对于问题2. 其他浏览器直接用canvas吧
在弹出窗口前加这两个: var d = document.getElementById("test");
d.filters[0].apply();
d.filters[0].play();滤镜就可以在窗口弹出前起作用了,原来可以手动控制滤镜作用时间的!!
不知道我的理解对不..
你了解不够深入
https://developer.mozilla.org/cn/Canvas_tutorial看看里面的使用图像和变型