程序博客网 > 易语言互斥体多开源码

照片墙

来源：互联网 发布：易语言互斥体多开源码 编辑：程序博客网 时间：2024/04/28 06:16
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>照片墙</title>
<script src="js/jquery.min.js"></script>


<style>
@charset "utf-8";
body {
background:gainsboro;/*背景颜色*/
}
.div_pic {
width:800px;
height:1000px;
margin:60px auto;
position:relative;


}
.p {
padding:10px 10px 10px;
background:white;

box-shadow:5px 5px 4px rgba(50,50,50,0.5);
width:50px; 

}


.div_pic img:hover {
transform:rotate(0deg) scale(1.5);
z-index:9;
}
.div_pic .a{
display: inline-block;
left: 50px;
}
.div_pic .a .a1{
margin-top: 60px;
}
.div_pic .b{
display: inline-block;
position: absolute;
left: 90px;
}
.div_pic .c{
display: inline-block;
position: absolute;
left: 180px;
}
.div_pic .d{
display: inline-block;
position: absolute;
left: 270px;
}
.div_pic .d .d1{
margin-top: 60px;
}
.div_pic .e{
display: inline-block;
position: absolute;
left: 360px;
}
.div_pic .e .e1{
margin-top: 120px;
}
.div_pic .f{
display: inline-block;
position: absolute;
left:450px;
}
.div_pic .f .f1{
margin-top: 60px;
}
.div_pic .g{
display: inline-block;
position: absolute;
left:540px;
}
.div_pic .g .g1{
margin-top: 0px;
}
.div_pic .h{
display: inline-block;
position: absolute;
left:630px;
}
.div_pic .h .h1{
margin-top: 0px;
}
.div_pic .i{
display: inline-block;
position: absolute;
left:720px;
}
.div_pic .i .i1{
margin-top: 60px;
}
</style>
</head>
<body>
<div class="div_pic">
<div class="a">
   <div class="a1"><img class="p p1" src="images/7.jpg"></div>
   <div class="a2"><img class="p p2" src="images/7.jpg"></div>
   <div class="a3"><img class="p p3" src="images/7.jpg"></div>
   <div class="a4"><img class="p p4" src="images/7.jpg"></div>
    </div>
    <div class="b">
   <div class="b1"><img class="p p5" src="images/7.jpg"></div>
   <div class="b2"><img class="p p6" src="images/8.jpg"></div>
   <div class="b3"><img class="p p7" src="images/8.jpg"></div>
   <div class="b4"><img class="p p8" src="images/8.jpg"></div>
   <div class="b5"><img class="p p9" src="images/8.jpg"></div>
   <div class="b6"><img class="p p10" src="images/7.jpg"></div>
    </div>
    <div class="c">
   <div class="c1"><img class="p p11" src="images/7.jpg"></div>
   <div class="c2"><img class="p p12" src="images/8.jpg"></div>
   <div class="c3"><img class="p p13" src="images/9.jpg"></div>
   <div class="c4"><img class="p p14" src="images/9.jpg"></div>
   <div class="c5"><img class="p p15" src="images/9.jpg"></div>
   <div class="c6"><img class="p p16" src="images/8.jpg"></div>
   <div class="c7"><img class="p p17" src="images/7.jpg"></div>
    </div>
    <div class="d">
   <div class="d1"><img class="p p18" src="images/7.jpg"></div>
   <div class="d2"><img class="p p19" src="images/8.jpg"></div>
   <div class="d3"><img class="p p20" src="images/9.jpg"></div>
   <div class="d4"><img class="p p21" src="images/3.jpg"></div>
   <div class="d5"><img class="p p22" src="images/9.jpg"></div>
   <div class="d6"><img class="p p23" src="images/8.jpg"></div>
   <div class="d7"><img class="p p24" src="images/7.jpg"></div>
    </div>
    <div class="e">
   <div  class="e1"><img class="p p25" src="images/7.jpg"></div>
   <div  class="e2"><img class="p p26" src="images/8.jpg"></div>
   <div  class="e3"><img class="p p27" src="images/9.jpg"></div>
   <div  class="e4"><img class="p p28" src="images/3.jpg"></div>
   <div  class="e5"><img class="p p29" src="images/9.jpg"></div>
   <div  class="e6"><img class="p p30" src="images/8.jpg"></div>
   <div  class="e7"><img class="p p31" src="images/7.jpg"></div>
    </div>
     <div class="f">
   <div  class="f1"><img class="p p32" src="images/7.jpg"></div>
   <div  class="f2"><img class="p p33" src="images/8.jpg"></div>
   <div  class="f3"><img class="p p34" src="images/9.jpg"></div>
   <div  class="f4"><img class="p p35" src="images/3.jpg"></div>
   <div  class="f5"><img class="p p36" src="images/9.jpg"></div>
   <div  class="f6"><img class="p p37" src="images/8.jpg"></div>
   <div  class="f7"><img class="p p38" src="images/7.jpg"></div>
    </div>
    <div class="g">
   <div  class="g1"><img class="p p39" src="images/7.jpg"></div>
   <div  class="g2"><img class="p p40" src="images/8.jpg"></div>
   <div  class="g3"><img class="p p41" src="images/9.jpg"></div>
   <div  class="g4"><img class="p p42" src="images/9.jpg"></div>
   <div  class="g5"><img class="p p43" src="images/9.jpg"></div>
   <div  class="g6"><img class="p p44" src="images/8.jpg"></div>
   <div  class="g7"><img class="p p45" src="images/7.jpg"></div>
    </div>
    <div class="h">
   <div  class="h1"><img class="p p46" src="images/7.jpg"></div>
   <div  class="h2"><img class="p p47" src="images/8.jpg"></div>
   <div  class="h3"><img class="p p48" src="images/8.jpg"></div>
   <div  class="h4"><img class="p p49" src="images/8.jpg"></div>
   <div  class="h6"><img class="p p51" src="images/8.jpg"></div>
   <div  class="h7"><img class="p p52" src="images/7.jpg"></div>  
    </div>
    <div class="i">
   <div  class="i1"><img class="p p53" src="images/7.jpg"></div>
   <div  class="i2"><img class="p p54" src="images/7.jpg"></div>
   <div  class="i3"><img class="p p55" src="images/7.jpg"></div>
   <div  class="i4"><img class="p p56" src="images/7.jpg"></div>
    </div>
</div>
<script>
</script>
</body>
</html>
阅读全文
0 0
易语言互斥体多开源码 易语言互斥体多开源码
原创粉丝点击
热门IT博客
怎么利用知乎推广怎么利用知乎推广
数据库结构设计数据库结构设计
电脑解压软件2345
kmp算法next数组的值
缠中说禅诗词知乎
江苏教育频道网络直播
没网络可以玩的游戏
一个爱心的软件
apache kylin源码编译
手机能注册淘宝店吗
sql minus 但不去重
springboot源码分析
类似wind的软件
mac系统卡了怎么办
怎样网络曝光
淘宝茶叶店
郑州淘宝销售团队
淘宝店铺客服分流设置
淘宝宝贝优化排名
淘宝返利网
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 两个蛇根同时进入好痛 一根手指进去女朋友都很痛 根管填充后牙齿用力摁还是痛 两个蛇根同时进入好痛h 足根痛 根痛平胶囊 根痛平颗粒 根痛平 根痛平片 根痛平颗粒的价格 根痛平胶囊说明书 根痛平丸价格 根痛平颗粒多少钱一盒 根痛平胶囊多少钱一盒 根管瘤 根瘤病 根瘤菌 大豆根瘤菌 发根生发素 方冉王大根 手机根目录 根目录什么意思 手机根目录在哪里 方冉王大根免费阅读目录 魔兽争霸根目录在哪 联众根目录 qq根目录 一加手机根目录是哪个文件夹 网站根目录在哪里 安卓手机根目录在哪 u盘根目录是什么意思 内存卡根目录在哪里 小根与何杏儿目录阅读 手机根目录是什么意思 根目录是什么意思 手机根目录是哪个文件夹 根目录在哪 一加手机自己升级根目录在哪 一加7pro怎么找到根目录 老竹根雕 哪些人不适合饮茅根竹蔗水

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里