Javascript 鼠标悬停时隐藏/显示左侧边栏

可以使用什么CSS/JS函数来让鼠标左键隐藏/显示鼠标悬停，所以如果鼠标在屏幕中间的某个地方，代码中的谷歌iFrAME将显示在整个页面上，但是如果我把鼠标放在左边，侧边栏将可见，而谷歌iFrAME的尺寸会更小（

）。

正文{
填充顶部：70px；/*填充.navbar固定顶部。如果navbar高度更改，则更改值。如果使用.navbar静态顶部，则删除*/
}
h1、h2、h3、h4、h5、h6{
颜色：黑色；
}
#侧旋转木马{
保证金：0自动；
}
.页脚简介{
填充：30px0；
边缘顶部：20px；
背景色：#eee；
颜色：黑色；
}
.页脚模糊项{
填充：20px；
}
.小字体{
背景色：#fff；
填充：30px0；
}
.专题，
.第页介绍，
.文章简介，
.小字体{
文本对齐：居中；
}
.extra{
显示：无；
}
p:悬停，额外收费{
显示：块；
}
.盒子{
显示：无；
宽度：100%；
}
a:悬停+.box、.box:悬停{
显示：块；
位置：相对位置；
z指数：100；
}
* {
框大小：边框框；
}
#我的输入{
背景图片：url（'/css/searchicon.png'）；
背景位置：10px 12px；
背景重复：无重复；
宽度：100%；
字体大小：10px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#密尔{
列表样式类型：无；
填充：0；
保证金：0；
}
#李美儿{
边框：1px实心#ddd；
页边距顶部：-1px；/*防止双边框*/
背景色：#f6f6f6；
填充：6px；
文字装饰：无；
字体大小：12px；
颜色：黑色；
显示：块
}
#李美儿{
背景色：#E2；
游标：默认值；
}
#李妙儿{
显示：无；
}
#myUL li a:悬停：非（.header）{
背景色：#eee；
}

测试页
切换导航

asasasasa

sa

以及




以及

s
a

您可以使用

.mouseover（）

和

.mouseout（）

要更改元素的大小，请查看

.height（）

和

.width（）

试着通读JQuery文档，所有内容都解释得很好：

我希望这有帮助