zk1

原创 2018年04月16日 10:00:54

网页代码:


<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="../css/xinjiang.css"/>
<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
var i=0;
$("#hehe").live("click",function(){
  if (i%2==0) {
  $("#tu").attr({"src":"../img/a11.jpg"});
  i+=1;
  }else{
  $("#tu").attr({"src":"../img/a3.jpg"});
  i+=1;
  }
      
})
})
</script>
</head>
<body>
<div id="header">
<div id="a1">
<div id="d3">
<div id="d1">
<br /><br /><br /><br /><br /><br />
<span style="font-size: 70px; text-align: center; color: white;">&nbsp;&nbsp;新疆</span>
</div>
<div id="d2">
<br /><br /><br /><br /><br /><br /><br /><br />
<span style="font-size: 30px; color: white;">行知书</span>
</div>
</div>
</div>
<div id="a2">
<table border="0" style="width: 1000px; text-align: center; line-height: 45px;" >
<tr>
<td id="aa">
<a href="#" id="hehe">首页</a>
</td>
<td id="aa">
<a href="#" id="hehe">新疆简介</a>
</td>
<td id="aa">
<a href="#" id="hehe">风十人情</a>
</td>
<td id="aa">
<a href="#" id="hehe">吃在新疆</a>
</td>
<td id="aa">
<a href="#" id="hehe">路线选择</a>
</td>
<td id="aa">
<a href="#" id="hehe">自助行</a>
</td>
<td id="aa">
<a href="#" id="hehe">摄影摄像</a>
</td>
<td id="aa">
<a href="#" id="hehe">游记精选</a>
</td>
<td id="aa">
<a href="#" id="hehe">资源下载</a>
</td>
<td id="aa">
<a href="#" id="hehe">雁过留言</a>
</td>

</tr>
</table>
</div>
<div id="b1">
<div id="c1">
<img src="../img/a11.jpg"/ style=" width: 250px; height: 200px;">
</div>
<div id="c2">
<img src="../img/a10.jpg" style=" width: 250px; height: 200px;">
</div>
</div>
<div id="b2">
<img src="../img/a8.jpg"/ width="500px" height="400px" id="tu">
</div>
<div id="b3">
<div id="e1">
<img src="../img/a3.jpg" style=" width: 250px; height: 200px;">
</div>
<div id="e2">
<img src="../img/a7.jpg" style=" width: 250px; height: 200px;">
</div>
</div>
</div>
</body>

</html>




css:

#header{
width: 1000px;
height: 1000px;
margin: 0 auto;
}
#a1{
width: 1000px;
height: 240px;
background: url(../img/bb.jpg);
padding-top: 5px;
}
#d1{
width: 200px;
height: 240px;
float: left;
}
#d2{
width: 130px;
height: 240px;
float: left;
}
#a2{
width: 1000px;
height: 50px;
background: #cbd8e3;
border-bottom: 3px solid black;
}
#b1{
width: 250px;
height: 400px;
background: paleturquoise;
float: left;
}
#b2{
width: 500px;
height: 400px;
background: blueviolet;
float: left;
}
#b3{
width: 250px;
height: 400px;
background: yellow;
float: left;
}
#c1{
width: 250px;
height: 200px;
background: #8A2BE2;
}
#c2{
width: 250px;
height: 200px;
background: #FFFF00;
}
#d3:hover{
transition: all 1s;
display: block;
transform: rotate(360deg);
}
#c1:hover{
transition: all 1s;
display: block;
transform: scale(1.5);
}
#c2:hover{
transition: all 1s;
display: block;
transform: scale(1.5);
}
#e1{
width: 250px;
height: 200px;
background: #8A2BE2;
}
#e2{
width: 250px;
height: 200px;
background: #FFFF00;
}
#e1:hover{
transition: all 1s;
display: block;
transform: rotate(60deg);
}
#e2:hover{
transition: all 1s;
display: block;
transform: rotate(60deg);
}
#aa:hover{
transition: all 1s;
display: block;
background: red;
}
#hehe:hover{
transition: all 1s;
display: block;
transform: scale(1.2);
color: yellow;

}


全功能实现

嵌入式应该怎么去学?

嵌入式领域在一般的认识当中,都认为是比较难的领域,需要学习相当长的时间?实际真的是这样吗? 这里以本人的亲身经历,这当中有教训,当然更多的是一些的经验的分享。 十几年来我一直在从事嵌入式方面的开发, 以一个过来人的身份一直在思考嵌入式应该怎么去学会取得更好的效果。
  • 2017年10月24日 15:20

基于Dubbo框架构建分布式服务【未完待续】

Dubbo是Alibaba开源的分布式服务框架,我们可以非常容易地通过Dubbo来构建分布式服务,并根据自己实际业务应用场景来选择合适的集群容错模式,这个对于很多应用都是迫切希望的,只需要通过简单的配...
  • qq_16216221
  • qq_16216221
  • 2017-05-14 16:44:02
  • 232

zookeeper伪集群安装

看看这个标题,我觉得这是个很多人写,以至于几乎雷同的方面了,怎奈何自己没弄过?项目是用dubbo做rpc,在服务器端,我们用了一个dubbo,经常出现一些问题,我想把它多一点健壮性,首先我想单机的一个...
  • lilovfly
  • lilovfly
  • 2017-08-23 19:04:02
  • 64

zookeeper-3.4.10自配置

  • 2017年07月20日 21:33
  • 32.43MB
  • 下载

Spark1.6.1集群环境搭建——Standalone模式HA

机器准备 笔者有三台机器,左侧栏为ip,右侧为hostname,三台机器都有一个名为spark的用户。 192.168.200.11 hadoop11 192.168.200.12 hadoo...
  • silentwolfyh
  • silentwolfyh
  • 2016-05-02 17:44:15
  • 1700

zookeeper安装配置

zookeeper安装配置---coco #by coco #2014-07-25 本文主要是简单介绍zookeeper的安装过程。 3. 安装配置zookeeper [ro...
  • wulantian
  • wulantian
  • 2014-07-25 11:32:52
  • 1553

Spark1.4.1 编译与安装

1、下载 下载地址: http://spark.apache.org/downloads.html 选择下载源码 2、源码编译 1)解压 tar -zxvf spark-1.4.1.tgz ...
  • sunbow0
  • sunbow0
  • 2015-07-27 18:05:59
  • 4643

dnsmasq 在和 zk1 和 zk2 这种配合的时候会出现无法解析的现象

这个可就操蛋了.#listen-address=172.16.72.34,127.0.0.1 #bind-interfaces addn-hosts=/etc/hosts2 all-servers c...
  • vbaspdelphi
  • vbaspdelphi
  • 2017-03-08 16:09:57
  • 212

spark standalone zookeeper HA部署方式

虽然spark master挂掉的几率很低,不过还是被我遇到了一次。以前在spark standalone的文章中也介绍过standalone的ha,现在详细说下部署流程,其实也比较简单。机器zook...
  • lsshlsw
  • lsshlsw
  • 2015-08-17 16:00:53
  • 1569

Zookeeper应用:服务端上下线

需求 客户端感知服务器的上下线。 示意图 步骤 服务端: 1、所有机子向Zookeeper注册,注册znode为临时的。 2、有机子下线,连接断开后被Zookeeper自动删除,触发监听事件。...
  • zengmingen
  • zengmingen
  • 2016-11-17 13:20:22
  • 728
收藏助手
不良信息举报
您举报文章:zk1
举报原因:
原因补充:

(最多只允许输入30个字)