jQuery实现仿微软首页感应鼠标变化滑动窗口效果

2022-01-11,,,,

这篇文章主要介绍了jQuery实现仿微软首页感应鼠标变化滑动窗口效果,基于jQuery响应鼠标事件简单实现动画效果,非常简单实用,需要的朋友可以参考下

本文实例讲述了jQuery实现仿微软首页感应鼠标变化滑动窗口效果。分享给大家供大家参考。具体如下:

这是一款jQuery仿微软首页感应鼠标变化的滑动窗口,鼠标放上后,窗口会向左拉长,鼠标移走后恢复原样,是在微软官方网站发现的,看了看代码,觉得很容易就扣下来,不敢独享。

运行效果截图如下:

在线演示地址如下:

http://demo.html.cn/js/2015/jquery-f-microsoft-web-nav-demo/

具体代码如下:

   jQuery仿微软首页感应鼠标变化的滑动窗口 .box{width:100px;height:100px;position:absolute;right:0;color:#fff;} .box1{top:100px;background:#000;} .box2{top:250px;background:#333;} .box3{top:400px;background:#666;} .box4{top:550px;background:#999;}  应用下载Windows PhoneOffice

希望本文所述对大家的jQuery程序设计有所帮助。

以上就是jQuery实现仿微软首页感应鼠标变化滑动窗口效果的详细内容,更多请关注本站其它相关文章!

《jQuery实现仿微软首页感应鼠标变化滑动窗口效果.doc》

下载本文的Word格式文档,以方便收藏与打印。