簡體   English   中英

如何對警報框進行href?

[英]How to href an Alert Box?

如何“ href”一個可以樣式化的警報框? 我的意思是單擊“關於”時得到一個警告框,我的意思是對該框進行樣式化修改,以更改其透明度和字體。 我對如何執行操作的想法不多,但嘗試失敗了,因此在這里尋求幫助。

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="Style.css" />
<link rel="icon" href="Senza titolo-1.ico" />
</head>

<body>

    <div id="main">

        <div id="logo">
        <a href="index.html">
        <img src="Syrenlogo.png" width="130px" height="130px" />
        </a>
        </div><!--ends logo-->

        <br/>
        <br/>

        <div id="abovenavigation">

        <ul class="container">

            <li><a href="index.html"><h1 class="Home">HOME</h1></a></li><!--
            --><li><h1 class="About">ABOUT</h1></li><!--
            --><li><h1 class="Blog">BLOG</h1></li><!--
            -->

        </ul><!--ends container--> 

        </div><!--ends upper navigation-->

          <br/>
          <br/>

        <div id="me">
        <img src="Gregory1.png" width="300px" height="300px" onclick="this.src='Gregory2.png'" onmouseover="this.src='Gregory2.png'" onmouseout="this.src='Gregory1.png'"/>
        </div>

        <br/>
        <br/>

        <div id="undernavigation">

            <ul class="container">
            <li><a href="https://www.facebook.com/Albus.Severus.Vitanza" target="_blank"><img class="facebook" src="Facebook.png" width="53px" height="50px" onclick="this.src='Facebookhov.png'" onmouseover="this.src='Facebookhov.png'" onmouseout="this.src='Facebook.png'"/></a></li>
            <li><a href="https://twitter.com/Promoetheus" target="_blank"><img class="twitter" src="Twitter.png" width="53px" height="50px" onclick="this.src='Twitterhov.png'" onmouseover="this.src='Twitterhov.png'" onmouseout="this.src='Twitter.png'" /></a></li>
            <li><a href:"mailto:gaaren03@gmail.com"><img class="mailto" src="Mailto.png" width="53px" height="50px" title="gaaren03@gmail.com" onclick="this.src='Mailtohov.png'" onmouseover="this.src='Mailtohov.png'" onmouseout="this.src='Mailto.png'" /></a></li>
            </ul>

        </div><!--ends undernavigation-->

    </div><!--ends main-->

    <div id="search">   
        <a href="#search"><img class="search" src="Search.png" height="50px" width="50px" /></a>
    </div>

</body>
</html>

您無法設置alert彈出窗口的樣式(如您通過JavaScript的alert()所做的那樣)。

也許您正在尋找的是模式彈出窗口:

使用引導程序中的模式對話框。 http://getbootstrap.com/javascript/#modals

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM