怎么做出一个淡化出错的弹出窗口,消失也让它慢慢减淡至消失? 不是winform,浏览器本身是没有这种接口。只能用一些Element或者createPopup来模拟。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 说点个人看法:1:打开一个窗口;2:定一段时间,让窗口慢慢的变小,背景慢慢变淡,3:最终关闭窗口<!--//纯属个人思路--> 在哪里看见的效果就把它的代码扒下来. 其实就是用一个浮动的div然后不断改变其透明度. 好象是寻梦草人的随即出现图片位置的代码,我把位置稍微改了下<body><img name="img1" src="http://community.csdn.net/images/csdn.gif" style="position:absolute;filter:alpha(opacity=0);"></body><script language=javascript>function fade(o){ this.obj = o; this.offset=5; this.timer = null; this.act = "in"; this.action= function(){ var curOpacity = this.obj.filters.alpha.opacity; if( this.act == "out" ) { if(curOpacity > 0) { this.obj.filters.alpha.opacity-=this.offset; } else { this.act = "in"; this.obj.style.left= 0 + "px"; this.obj.style.top = 0 + "px"; } } else { if(curOpacity<100) { this.obj.filters.alpha.opacity+=this.offset; } else { this.act = "out"; } } }; this.play = function(){ var self=this; var f = function(){self.action()}; this.timer=setInterval(f,40); }; this.stop = function(){ if(this.timer) clearInterval( this.timer ); };}var m1 = document.images[0];var f1 = new fade(m1);f1.play();</script> aspx文件:<%@ Page language="c#" Codebehind="index.aspx.cs" AutoEventWireup="false" Inherits="WebApplication2.WebForm1" %><%@ Register TagPrefix="cc1" Namespace="EeekSoft.Web" Assembly="EeekSoft.Web.PopupWin" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><HTML> <HEAD> <title>WebForm1</title> <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1"> <meta name="CODE_LANGUAGE" Content="C#"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <body MS_POSITIONING="GridLayout"> <form id="Form1" method="post" runat="server"> <FONT face="宋体"> <cc1:PopupWin id="PopupWin" colorstyle="Blue" runat="server" visible="false" dockmode="BottomRight" Height="100px" OffsetY="5" OffsetX="5"></cc1:PopupWin></FONT> </form> </body></HTML>cs文件: private void Page_Load(object sender, System.EventArgs e) { // 在此处放置用户代码以初始化页面 PopupWin.ActionType=EeekSoft.Web.PopupAction.MessageWindow; PopupWin.Title="测试弹出框"; PopupWin.Message="<i>消息</i>displayed in popup"; PopupWin.Text="Text to show in new window.."; PopupWin.HideAfter=5000; PopupWin.ShowAfter=500; PopupWin.Visible=true; } 至于PopupWin这个库文件,你要,就留下email! <script>var timervar Opacity = 0function hide() { oDiv.style.display = "block" oDiv.style.height = document.body.scrollHeight Opacity = 0 event.srcElement.blur() timer = window.setInterval("aa()", 1)}function aa(){ if (Opacity == 50) { window.clearInterval(timer) oButton.style.display = "block" return } Opacity = ( Opacity + 3 ) > 50 ? 50 : Opacity + 3 oDiv.style.filter = "Alpha(Opacity=" + Opacity + ")"}function bb(){ if (Opacity == 0) { window.clearInterval(timer) oDiv.style.display = "none" return } Opacity = (Opacity - 3 < 0) ? 0 : Opacity - 3 oDiv.style.filter = "Alpha(Opacity=" + Opacity + ")" }function cc(){ timer = window.setInterval('bb()', 5); oButton.style.display='none';}</script><body topmargin=0 leftmargin=0><div id=oDiv style="position:absolute;z-index:99; background-color:darkgray; Filter: Alpha(Opacity=0); border:1px solid #333333;display:none;width:100%;vertical-align:center;text-align:center"></div><button onclick=hide()>hide</button><button id=oButton style="position:absolute; left:100;top:200;z-index:100;display:none" onclick="cc()">确定</button><script> for (var i=0; i<30; i++) document.write ("<p>123</p>")</script> http://blog.never-online.net/article.asp?id=22 关于flex的奇怪问题!~ 这个一般是什么错误啊 阿里巴巴的Js添加Cookies,搞不定了! 请问各位大虾,怎样在javascript中屏蔽窗口的关闭事件?多谢了! 如何解决两个控件争焦点的问题? 关于嵌入式页面的高度问题,求教,高分!!!!! 高手能不能提供一个进度条的代码,在表单提交的时候会自动弹出。 怎么得到URL后面的参数?? 小问题!2个数相加后的和.... msg.con[0] 报错0没有被定义 请问在后台写好jsp,其中的js该怎样写? 如何获得input控件的left,top,width,height
1:打开一个窗口;
2:定一段时间,让窗口慢慢的变小,背景慢慢变淡,
3:最终关闭窗口
<!--//纯属个人思路-->
<body>
<img name="img1" src="http://community.csdn.net/images/csdn.gif" style="position:absolute;filter:alpha(opacity=0);">
</body>
<script language=javascript>
function fade(o){
this.obj = o;
this.offset=5;
this.timer = null;
this.act = "in";
this.action= function(){
var curOpacity = this.obj.filters.alpha.opacity;
if( this.act == "out" )
{
if(curOpacity > 0)
{
this.obj.filters.alpha.opacity-=this.offset;
}
else
{
this.act = "in";
this.obj.style.left= 0 + "px";
this.obj.style.top = 0 + "px";
}
}
else
{
if(curOpacity<100)
{
this.obj.filters.alpha.opacity+=this.offset;
}
else
{
this.act = "out";
}
}
};
this.play = function(){
var self=this;
var f = function(){self.action()};
this.timer=setInterval(f,40);
};
this.stop = function(){
if(this.timer) clearInterval( this.timer );
};
}
var m1 = document.images[0];
var f1 = new fade(m1);
f1.play();
</script>
<%@ Page language="c#" Codebehind="index.aspx.cs" AutoEventWireup="false" Inherits="WebApplication2.WebForm1" %>
<%@ Register TagPrefix="cc1" Namespace="EeekSoft.Web" Assembly="EeekSoft.Web.PopupWin" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<FONT face="宋体">
<cc1:PopupWin id="PopupWin" colorstyle="Blue" runat="server" visible="false" dockmode="BottomRight"
Height="100px" OffsetY="5" OffsetX="5"></cc1:PopupWin></FONT>
</form>
</body>
</HTML>
cs文件:
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
PopupWin.ActionType=EeekSoft.Web.PopupAction.MessageWindow;
PopupWin.Title="测试弹出框";
PopupWin.Message="<i>消息</i>displayed in popup";
PopupWin.Text="Text to show in new window.."; PopupWin.HideAfter=5000;
PopupWin.ShowAfter=500;
PopupWin.Visible=true;
}
var timer
var Opacity = 0
function hide() {
oDiv.style.display = "block"
oDiv.style.height = document.body.scrollHeight
Opacity = 0
event.srcElement.blur()
timer = window.setInterval("aa()", 1)
}function aa()
{
if (Opacity == 50)
{
window.clearInterval(timer)
oButton.style.display = "block"
return
}
Opacity = ( Opacity + 3 ) > 50 ? 50 : Opacity + 3
oDiv.style.filter = "Alpha(Opacity=" + Opacity + ")"
}function bb()
{
if (Opacity == 0)
{
window.clearInterval(timer)
oDiv.style.display = "none"
return
}
Opacity = (Opacity - 3 < 0) ? 0 : Opacity - 3
oDiv.style.filter = "Alpha(Opacity=" + Opacity + ")"
}function cc()
{
timer = window.setInterval('bb()', 5);
oButton.style.display='none';
}
</script>
<body topmargin=0 leftmargin=0>
<div id=oDiv style="position:absolute;z-index:99; background-color:darkgray; Filter: Alpha(Opacity=0); border:1px solid #333333;display:none;width:100%;vertical-align:center;text-align:center"></div>
<button onclick=hide()>hide</button>
<button id=oButton style="position:absolute; left:100;top:200;z-index:100;display:none" onclick="cc()">确定</button>
<script>
for (var i=0; i<30; i++)
document.write ("<p>123</p>")
</script>