12个div逐个显示效果

165 阅读 0 评论 109 点赞

我是靠谱客的博主自由鞋垫，最近开发中收集的这篇文章主要介绍12个div逐个显示效果，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

这个效果一般可以用于导航栏目显示，图片显示。如果你的层名字不规则（不是div1、2、3...），可以先把她们放在数组里，然后调用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
<style type="text/css"> 
#container{ width:60%; height:80%; position:absolute; text-align:center} 
#div1,#div2,#div3,#div4,#div5,#div6,#div7,#div8,#div9,#div10,#div11,#div12{ width:80px; height:80px; background:#eeeeee; margin:0 2px 2px 0; padding:20px; border:3px #ccc double; font:30px Verdana, Arial, Helvetica, sans-serif; color:#666; float:left; display:none } 
</style> 
 
</head>

<body onload="shoppingcat()"> 
<div id="container" align="center"> 
<div id="div1">1</div> 
<div id="div2">2</div> 
<div id="div3">3</div> 
<div id="div4">4</div> 
<div id="div5">5</div> 
<div id="div6">6</div> 
<div id="div7">7</div> 
<div id="div8">8</div> 
<div id="div9">9</div> 
<div id="div10">10</div> 
<div id="div11">11</div> 
<div id="div12">12</div> 
</div> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

最后

以上就是自由鞋垫为你收集整理的12个div逐个显示效果的全部内容，希望文章能够帮你解决12个div逐个显示效果所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

点赞(109)

本文分类：JavaScript
浏览次数：165 次浏览
发布日期：2022-04-08 14:12:03
本文链接：https://www.kaopuke.com/article/k-p-k_13_uzo_6_fz_14__23_g_27_.html

相关文章

SQL Server 2016 配置 SA 登录教程

SQL Server 2016 配置 SA 登录教程

神秘的影子帐号揭秘

JS延时提示框实现方法详解

六代intel酷睿i36100主板选择分析

六代intel酷睿i36100主板选择分析

12个div逐个显示效果

ajax+php中文乱码解决办法

ajax+php中文乱码解决办法

Python的Django框架中模板碎片缓存简介

Python的Django框架中模板碎片缓存简介

Win10怎么使用事件查看器查看磁盘检查详细结果?

Win10怎么使用事件查看器查看磁盘检查详细结果?

评论列表共有 0 条评论

发表评论取消回复

立即
投稿返回
顶部