这篇文章主要介绍了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实现仿微软首页感应鼠标变化滑动窗口效果的详细内容,更多请关注本站其它相关文章!