sxl_1205
2015-08-29 11:13
采纳率: 100%
浏览 2.3k

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

图1

图2

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

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • sxl_1205 2015-08-31 01:51
    已采纳

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

    已采纳该答案
    打赏 评论
  • devmiao 2015-08-29 14:32
    打赏 评论
  • 紫气天堂 2015-08-30 03:29

    你看一下和鼠标有关的事件,这还像可以使用事件解决

    打赏 评论
  • tsinggao 2015-08-30 08:11

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

    打赏 评论
  • js_wu 2015-08-31 07:17

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

    打赏 评论

相关推荐 更多相似问题