很多时候想做一种类似这样把鼠标放到问号上边,旁边出现一个小的提示框,顿时显的高大上有木有,用户体验舒服有木有,今天做了一个小的实例跟大家分享下。
想要的效果是这样的。
将鼠标放到问号上的时候是这样的:
鼠标离开之后又恢复原样,代码十分简单,以下是我的代码实例,主要关注adjustDisplayDiv 这个方法即可。
给个传送,http://download.csdn.net/detail/kris0x007/7440839,需要的可以自己去下载下来看下,把jquery.js,jquery.min.js放到根目录下Public下的js文件夹下(没有的自己创建,jquery文件需要自己下载,或者点击这个传送下载http://download.csdn.net/detail/kris0x007/7440879,版本是v1.9.1),图片就放到public下的image文件夹下(没有的自己创建),我是用thinkphp写的用的是最新的3.2,有问题的可以留言讨论。