之前无聊时候看到凡客(http://www.vancl.com/StyleDetail_8774_0043061_0/YueKongShengHuoFanBuXiuXianXie.html?ref=sr_1_1_5fcb425eb7bb4e0a891b763471ee9604) 鼠标悬浮到商品上面 ,显示商品高清样图的功能,一直想做一个,由于工作很忙,一直没有实践。恰好最近项目也有用到这个功能,所以就借此时间做了一个Demo.希望大家多多指教.
页面所需样式以及涉及到的Jquery插件
页面前台:
注:此处涉及到的 控件 标签 如:<a>,完全可以给其添加runat="server"标识成为服务器控件,可以在后台动态添加链接,以及标题。
效果图如下:
如有不足,请大家多多指教. 最后希望对大家有帮助 谢谢!