簡體   English   中英

JavaScript函數無法正常加載

[英]JavaScript function not work onload

我已經編寫了JavaScript代碼來執行幻燈片放映,但是當我將其分配給<a>時卻無法正常工作,但無法正常工作

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Slide Show</title>
        <meta name="author" content="Jenz" />
        <!-- Date: 2014-07-18 -->
        <script>
            var slideImg;
            var picNo = 0;
            window.onload = function() {
                slideImg = document.getElementById('slideShowImage');
                images = new Array();
                images[0] = new Image();
                images[0].src = "Images/image1.jpg";
                images[1] = new Image();
                images[1].src = "Images/image2.jpg";
                images[2] = new Image();
                images[2].src = "Images/image3.jpg";
            };
            function slide() {
                slideImg.src = images[picNo].src;
                if (picNo < 2) {
                    picNo++;
                } else {
                    picNo = 0;
                }
                timer = setTimeout(slide, 1000);
            };
        </script>
    </head>
    <body>
        <div style="margin-left: auto; margin-right: auto; width: 900px">
            <div id="slideShowAndNav" style="margin: auto; width: 700px;">
                <img id="slideShowImage" name="slideshow" src="Images/image1.jpg" style="border-radius: 0px 0px 0px 250px; position: absolute; top: -50; left: -50; z-index: 1;" border="1px" />
                <a style="display: block; height: 40px; width: 40px; background-color: red; border-radius: 20px; text-align: center; position: absolute; z-index: 2; margin-top: 130px;" href="">Home</a>
            </div>
        </div>

    </body>
</html>

請查看代碼,並告訴我該怎么辦,而我在導航中有哪些代碼是

<a style="display: block; height: 40px; width: 40px; background-color: red; border-radius: 20px; text-align: center; position: absolute; z-index: 2; margin-top: 130px;" href="">Home</a>

我要像在邊框半徑上一樣在一個圓圈中<a> ,現在我希望它位於中間的文本(如Home)在圓圈中間,也可以幫助我

我希望像在邊框半徑中那樣將其圈成一個圓圈,現在我希望它位於中間的文本(如“居中”中的“家”)也可以幫助我

為此,請使用:

 style="border-radius:100px; text-align:center;" 

xmlns ”屬性在HTML 4.01中無效。 (您可以更改文檔類型。)

另外,創建函數是更常見的做法。

function blaah(blaah){
blaah
}

然后添加一個帶有事件監聽器的onload事件處理程序,或將此代碼添加到您的body標簽中,

<body onload="blaah('blaah')">

或者,您可以將此代碼添加到腳本標簽中,但在函數之外。

blaah("blaah");

調用幻燈片功能。

window.onload = function() {
                slideImg = document.getElementById('slideShowImage');
                images = new Array();
                images[0] = new Image();
                images[0].src = "Images/image1.jpg";
                images[1] = new Image();
                images[1].src = "Images/image2.jpg";
                images[2] = new Image();
                images[2].src = "Images/image3.jpg";
                slide();
            };

暫無
暫無

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

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