Question

div css 图片先隐藏一半 鼠标放上去图片移动全部显示

移动的图片动画 还需要js的

Answer 1

不知道你所说的移动是什么方式的，如果需要移动的过度动画，那么用纯DIV+CSS是实现不了的。如果不需要过渡动画，那么可以用A标签实现。因为在IE6中只有A标签才支持:hover伪类。
例如这样：
a{display:block;width:100px;height:100px;background:url('a.jpg') no-repeat -100px 0;}
a:hover{width:200px;background-position:0 0;}
但是这样实现的效果并不好看，因为缺少过渡。如果需要更加好一点的效果，你需要用JS实现，例如JQurey。

Answer 2

给a加宽高，鼠标划过在加宽如：
a{float:left;width:10px;height:100px;overflow:hidden;}
a:hover{width:100px;height:100px;}

Answer 3

用CSS实现比较简陋。
这个用JQurey比较合适。