需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
button {width: 100pxheight: 50pxborder: 0color: whitebackground: -webkit-radial-gradient(#72787f, #545c64)}
3、浏览器运行index.html页面，此时用CSS实现了按钮中间白、四周黑，上方白、下方灰的效果。
第一个问题 必须高度固定 并且overflow设成hidden 弹出来新的层 而不能是改变高度 （要想改变高度不影响只能是绝对定位 但你这么多不可能都绝对定位吧） 第二个问题 我只能说标题<h1>标签是区块 自站一行 肯定上不去- - 改成内联 或者 浮动不知道你要实现什么效果。你的css属性和js代码并没有关系
我猜你要实现的效果用css是这样
#one div{top:0
position:absolute
transition: all 1s ease
}
#one div:hover{
top:30px
transition: all 1s ease
}
如果用js不要用mouseover和out,要用hover,可以这样写
(function() {var target = $('#one div'),
targetPosition = parseInt(target.css('top')),
lock
target.hover(function() {
lock = setTimeout(function() { //一般写在timeout里面，加一点延迟，防止鼠标不小心滑过就触发
target.animate({
top: targetPosition + 30
}, 1000, 'swing')
}, 100)
}, function() {
clearTimeout(lock)
target.animate({
top: targetPosition
}, 1000, 'swing')
})
})()
