网页显示后一段时间后显示，如果选择“咨询”，则弹出来聊天窗口。如果选择“稍后再说”，则窗口消失，但是过一段时间又弹出来

最新推荐文章于 2025-07-22 00:16:16 发布

原创最新推荐文章于 2025-07-22 00:16:16 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#咨询 #聊天 #button #function #xhtml #div

本文介绍了一个使用ASP.NET结合JavaScript实现的简单页面，该页面包含按钮用于触发页面跳转及显示隐藏Div元素的功能，并通过定时器实现自动显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>
    <script type="text/javascript">

        function ZiXun() {
            window.location("Default2.aspx");//跳转到另一个页面
        }
        function Later1() {
            document.getElementById('Start').style.display = "block";//显示div
        }
        function Later() {
            document.getElementById('Start').style.display = "none";//隐藏div
            setTimeout(Later1, 5000);//定时显示
        }

    </script>
    <style type="text/css">
        #Button2
        {
            width: 119px;
            height: 31px;
        }
        #Button1
        {
            width: 127px;
            height: 32px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="all">
    <div id="Start" style="width: 502px; height: 262px; background-image: url('Images/Call.bmp');">
        <input id="Button1" style="background-color: #FFFF00; color: #FF0000"
            type="button" value="点击咨询" onclick="ZiXun()"/> 
        <input id="Button2" style="background-color: #FFFF00; color: #FF0000"
            type="button" value="稍后再说" onclick="Later()"/></div>
            </div>
    </form>
</body>
</html>