gpt4 book ai didi

javascript - 如何将幻灯片移动到 HTML 页面的中心

转载 作者:太空宇宙 更新时间:2023-11-04 12:11:57 24 4
gpt4 key购买 nike

 <html>
<head>
<meta charset = "utf-8/">
<title> My Student Life </title>

<link rel="stylesheet" href="Pan.css"/> <!--Links to the CSS -->


<script type = "text/javascript"> // JavaScript code

var slideimages = new Array() //SlideShow process begins
imgAlign = "center"
slideimages[0] = new Image() // create new instance of image object
slideimages[0].src = "Welcome.jpg" // set image src property to
slideimages[1] = new Image()
slideimages[1].src = "Code.jpg" //Image source
slideimages[2] = new Image()
slideimages[2].src = "books.jpg"


</script>

</head>

<body class ="Container" Background = "Background.jpg"> <!-- Background Images-->
<div class="headerMenu"> <!-- Div class for menus -->

<h1> My Student Life </h1>


<div id="menu"> <!-- created Menus-->
<ul>
<a href="WelcomePage.html"/> Welcome </a>
<a href=""/></a> <!--Menu links-->
<a href="Menu.html"/> Menu </a>
<a href=""/> </a>
</ul>



</div>




<header>

<h2 color = "white"> Welcome to my Student Life </h2>

</header>

<img src = "Welcome.jpg" width = "500" height ="300" id = "slide" > <!--Image -->


<script type="text/javascript">
var step=0 //starts

function slideit(){ //function called slideit

if (!document.images)
return
document.getElementById('slide').src = slideimages[step].src //Gets image by ID and follows the sliding process
if (step<2)
step++
else
step=0

//call function "slideit()" every 2.5 seconds

setTimeout("slideit()",2500)
}

slideit() //Enable the function to perform

</script>






</body>



</html>

我正在为我的一门大学类(class)创建一个元素,我使用 JS 创建了一个幻灯片,它工作得很好,唯一的问题是图像的位置一直在屏幕的左侧。我在 css 中尝试了 padding-left 但仍然没有用 我还在 div 类中创建了它并在 CSS 中调用了该类,但仍然没有结果。对不起我的英语。

最佳答案

在您的 Pan.css 中添加以下内容:

.Container{
text-align: center;
}

对于您的问题 2,只需为您的图像添加 margin-right,值由您决定:

img{
margin-right: 50px
}

关于javascript - 如何将幻灯片移动到 HTML 页面的中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28988371/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com