PHP 广告弹窗代码:带图片和自动上下循环效果
以下是一个用PHP编写的广告弹出提示框的示例代码,包含图片和上下循环效果:
<!DOCTYPE html>
<html>
<head>
<style>
#adContainer {
position: fixed;
width: 300px;
height: 200px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-color: #f2f2f2;
border: 1px solid #ccc;
padding: 10px;
overflow: hidden;
animation: adMovement 5s infinite alternate;
}
@keyframes adMovement {
0% {
transform: translateX(-50%) translateY(0);
}
100% {
transform: translateX(-50%) translateY(-100%);
}
}
</style>
</head>
<body>
<?php
// 替换为你的广告图片路径
$imageUrl = 'path/to/your/image.jpg';
?>
<div id="adContainer">
<img src="<?php echo $imageUrl; ?>" alt="Ad Image" style="max-width: 100%; max-height: 100%;">
</div>
</body>
</html>
在上述代码中,我们使用了CSS的`position: fixed`属性将广告提示框固定在浏览器底部。通过`transform: translateX(-50%)`和`transform: translateY(-100%)`属性,我们实现了广告提示框的上下循环移动效果。
你需要将`$imageUrl`变量的值替换为你的广告图片的路径。该代码会在浏览器中显示一个固定在底部的广告提示框,并且广告图片会自动上下循环移动。
原文地址: https://www.cveoy.top/t/topic/o7v0 著作权归作者所有。请勿转载和采集!