拍前面的不知咋样【22计应1吧】

22计应1吧关注：6贴子：62

7回复贴，共1页

拍前面的不知咋样

！DOCTYPE html>2目<html>3日(head)(meta charset="utf-8" /><title)</title><style>.divlborder:Ipx solid red;width: 100px;height: 108px;position: relative;</style></head>cbody>Cdiv class--div子c/div>Cscript srca"js/jquery-3.7.1.min.js">c/script>cscript type-"text/javascript">S(".div").aninate((left:'100px'));$(".div").aninate((left:'0px'));</script></body></html>

送TA礼物

IP属地:江苏

来自Android客户端1楼2023-12-29 09:21回复

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.div{
border:1px solid red;
width:100px;
height:100px;
position:relative;
}
</style>
</head>
<body>
<div class="div">盒子</div>
<script src="js/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
$(".div").animate({left:'100px'});
$(".div").animate({left:'0px'});
</script>
</body>
</html>

IP属地:江苏

2楼2023-12-29 09:27

收起回复

第二题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 Animation</title> <style> .animated-div { width: 100px; height: 100px; background-color: blue; animation: moveRight 2s ease-in-out infinite alternate; }
@keyframes moveRight { to { transform: translateX(100px); } } </style></head><body> <div class="animated-div"></div></body></html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Animation</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
.animated-div {
width: 100px;
height: 100px;
background-color: blue;
position: relative;
}
</style>
<script>
$(document).ready(function(){
$(".animated-div").animate({left: '100px'}, 'slow').animate({left: '0px'}, 'slow');
});
</script>
</head>
<body>
<div class="animated-div"></div>
</body>
</html>

IP属地:江苏

6楼2023-12-29 09:45

这是两种方法自己分辨在哪断

IP属地:江苏

来自Android客户端7楼2023-12-29 09:48

吧主太好人了

来自iPhone客户端8楼2023-12-29 09:53

收起回复

<!DOCTYPE html>
<html>
<head>
<title>Quarterly Data</title>
<style>
/* æ·å¼ç¨äºæ±å½¢å¾ */
.chart {
display: flex;
justify-content: space-between;
align-items: flex-end; /* è®¾ç½®åç´å¯¹é½æ¹å¼ä¸ºåºé¨ */
width: 400px;
height: 300px; /* è®¾ç½®é«åº¦ä»¥ç¡®ä¿æ±å½¢å¾æ¾ç¤ºå®æ´ */
border: 1px solid #ccc;
padding: 10px;
}
.bar {
flex-grow: 1;
background-color: #3498db;
margin: 0 5px;
text-align: center;
color: white;
}
</style>
</head>
<body>
<h1>Quarterly Data</h1>
<div class="chart" id="chartContainer"></div>
<script>
// æ°æ®
const quarterlyData = [50, 60, 80, 100];
// è·åå¾è¡¨å®¹å¨
const chartContainer = document.getElementById('chartContainer');
// åå»ºæ±å½¢å¾
quarterlyData.forEach((value, index) => {
const quarter = index + 1;
// åå»ºæ±å½¢å¾ç div åç´
const bar = document.createElement('div');
网页链接 = 'bar';
网页链接 = value + 'px';
网页链接 = `Q${quarter}: ${value}`; // æ¾ç¤ºå£åº¦åæ°å¼
// å°æ±å½¢å¾æ·»åå°å¾è¡¨å®¹å¨ä¸
chartContainer.appendChild(bar);
});
</script>
</body>
</html>

IP属地:上海

来自iPhone客户端9楼2023-12-29 15:24

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

贴吧热议榜

7回复贴，共1页

<返回22计应1吧

发表回复

发贴请遵守贴吧协议及“七条底线”贴吧投诉

内容:

使用签名档查看全部

发表

保存至快速回贴

日	一	二	三	四	五	六

拍前面的不知咋样

登录百度账号

扫二维码下载贴吧客户端