用数组方法做的图片排序效果

最新推荐文章于 2022-03-28 16:16:35 发布

liang_star

最新推荐文章于 2022-03-28 16:16:35 发布

阅读量979

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/liang_star/article/details/53708770

版权

无标题文档 #body{ border:1px solid #000000; width:615px; height:232px; margin:30px auto; } #head{ background:#706565; text-align:center; } #head >input{ margin:0 50px; } ul,li{ m

摘要由CSDN通过智能技术生成

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
	#body{
	border:1px solid #000000;
	width:615px;
	height:232px;
	margin:30px auto;
		}
	#head{
	background:#706565;
	text-align:center;
		}
		#head >input{
				margin:0  50px;
			}
	ul,li{
		margin:0;
		padding:0;
		}
		#list{
			position:relative;
			}
		li{
			display:inline-block;
			list-style:none;
			background:#A75C5E;
			width:150px;
			height:100px;
			line-height:100px;
			font-size:40px;
			color:#F8F2F2;
			text-align:center;
			position:absolute;
			}
</style>
<script>
	window.οnlοad=function(){
			var list=document.getElementById("list");
			var aInp=document.getElementsByTagName('input');
			var str='';
			for( var i=1; i<9;i++){
					str+='<li>'+i+'</li>';
				}
			list.in

最低0.47元/天解锁文章

liang_star

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用数组方法做的图片排序效果

无标题文档 #body{ border:1px solid #000000; width:615px; height:232px; margin:30px auto; } #head{ background:#706565; text-align:center; } #head >input{ margin:0 50px; } ul,li{ m
复制链接

扫一扫