<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>
<%--<script language="JavaScript" src="myjs/cp.js"></script>--%>
<script language="javascript">
var intervalInObj = null;
var intervalOutObj = null;
var flag = false;
var infoDivObj = null;
function BlockFadeIn()
{
if (infoDivObj.filters.alpha.opacity < 100)
{
infoDivObj.filters.alpha.opacity += 5;
}
else
{
clearInterval(intervalInObj);
flag = true;
}
}
function BlockFadeOut()
{
if (infoDivObj.filters.alpha.opacity > 0)
{
infoDivObj.filters.alpha.opacity -= 10;
}
else
{
clearInterval(intervalOutObj);
flag = false;
}
}
function FireFadeIn()
{
Init();
if (flag == false)
{
intervalInObj = setInterval("BlockFadeIn()",42);
}
// document.getElementById("title").value="ok";
var title= document.getElementById("title");
//title.innerHTML="這裡是標題";
// var content= document.getElementById("content");
// content.innerHTML="精";
}
function FireFadeOut()
{
if (flag == true)
{
intervalOutObj = setInterval("BlockFadeOut()",42);
}
}
var scrollTop = 0;
var scrollLeft = 0;
window.onscroll = function ()
{
Init();
scrollTop = parseInt(document.body.scrollTop);
scrollLeft = parseInt(document.body.scrollLeft);
}
function openwin(url)
{
window.open (url, 'newwindow')
}
function Init()
{
infoDivObj = document.getElementById("infoD");
infoDivObj.style.left = parseInt(document.body.clientWidth)+parseInt(scrollLeft) - parseInt(infoDivObj.style.width);
infoDivObj.style.top = parseInt(document.body.clientHeight)+parseInt(scrollTop) - parseInt(infoDivObj.style.height);
}
function MouseOverEventHandler()
{
document.getElementById("closeBtn").style.borderWidth=1;
document.getElementById("closeBtn").style.borderColor="#000";
document.getElementById("closeBtn").style.borderStyle="solid";
document.getElementById("closeBtn").style.fontWeight="bold";
}
function MouseOutEventHandler()
{
document.getElementById("closeBtn").style.borderWidth=0;
}
</script>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODy runat="server" id="mybody">
<form runat="server">
<div id="infoD" style="position:absolute;width:260px;height:150px;background-color:#e8f9ff;filter:alpha(opacity=0)">
<table cellspacing="0" cellpadding="0" style="width:100%;height:100%;border-style:solid;border-color:#46a615;border-width:1px">
<tr style="background-image:url('images/toqq1.gif');background-repeat:x-repeat">
<td style="color:#6c9adc;font-size:9pt;" align="left" valign="middle" width="93%">
<img style="margin-bottom:-2" src="images/toqq.gif" width="36px" height="38px" hspace="8" valign="middle"/><span>
<asp:Label runat="server" ID="title" Font-Bold="true" />
</span></td>
<td align="right" valign="middle" style="font-size:10pt;height:20px;background-color:#f2fbec" width="6%">
<span align="center" valign="middle" id="closeBtn"
style="width:16px;height:16px;cursor:hand;color:#000"
onclick="FireFadeOut()"
onmouseover="MouseOverEventHandler()"
onmouseout="MouseOutEventHandler()">×</span>
</td>
</tr>
<tr>
<td colspan="2" valign="middle" style="background-color: #f2fbec">
<table style="width:100%;height:100%;color:#6c9adc;font-size:10pt" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle">
<asp:Label ID="content" runat="server" ForeColor="red" ></asp:Label></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" align="right" valign="middle" style="border-top:1px dashed #888;height:20;background-color: #f2fbec">
<%--<a href="javascript:void(0);" style="font-size:9pt;color:#000;text-decoration:none">--%>
<asp:ImageButton ID="hy" runat="server" ImageUrl="~/images/look.GIF" />
<%--</a>--%>
</td>
</tr>
</table>
</div>
<input type="button" value="test4" onclick="FireFadeIn()">
<SCRIPT LANGUAGE="JavaScript">
<!--
Init();
//-->
</SCRIPT>
</form>
</BODY>
</HTML>
==================================================================
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Net.Mail;
using netpublic;
using System.Data.SqlClient;
using System.Diagnostics;
using System.ComponentModel;
using netpublic;
using System.IO;
using System.Net;
using System.Text;
public partial class test : System.Web.UI.Page
{
publiccsd cz = new publiccsd();
protected void Page_Load(object sender, EventArgs e)
{
DataSet ds1 = new DataSet();
ds1 = cz.ds("select * from net_pagecontent order by id");
if (ds1.Tables[0].Rows.Count > 0)
{
string _title = ds1.Tables[0].Rows[0][1].ToString();
string _content = ds1.Tables[0].Rows[0][2].ToString();
string _href = ds1.Tables[0].Rows[0][3].ToString();
title.Text = _title.ToString();
content.Text = _content.ToString();
mybody.Attributes.Add("onload", "FireFadeIn()");
hy.PostBackUrl = _href.ToString();
//hy.Attributes.Add("onclick", "openwin('"+_href.ToString()+"')");
//Response.Write("<script>alert('" + content.Text.ToString() + "')</script>");
}
}
protected void Button1_Click(object sender, EventArgs e)
{
}
}
ASP.NET 弹窗渐显渐隐效果
本文介绍了一个使用 ASP.NET 和 JavaScript 实现的弹窗渐显渐隐效果,该效果通过调整透明度来实现平滑过渡,并且包含了鼠标悬停事件处理和页面滚动监听等功能。

被折叠的 条评论
为什么被折叠?



