问题描述

css样式布局 div背景色随鼠标改变而改变

布局成图片展示的样式 重点是 那个刻度怎么来实现？？
效果就是 鼠标（可以点下 然后拖 只有实现就可以啊 ）往上移动时背景颜色由灰变红 到鼠标所在的位置。鼠标往下移动时反之~~~~

解决方案

这个问题解决 用js太麻烦 要获取位置 定事件么得 用jquery的Colorful Sliders插件 这个效果还是比较好的 实现起来也简单点

解决方案二：
http://www.jb51.net/css/20803.html

解决方案三：
这个挺简单的，注意三点。
1、灰色的框是一个div，紫色的框是其中的子div，用js捕获div对象的mousemove事件。
2、在mousemove事件中获取鼠标位置信息。
3、根据鼠标位置信息修改紫色框div的高度。

解决方案四：
你看一下和鼠标有关的事件，这还像可以使用事件解决

解决方案五：
获取位置 定事件么得 用jquery的Colorful Sliders插件 这个效果还是比较好的 实现起来也简单点