js实现划过图片出现提示标题

作者:林炜贤来源:www.163css.com发表时间:(2011-02-28)

这个动画是我从msn上的潮流栏目搞下来的,当时觉得挺好玩的,鼠标划过图片时,在人物图片上会出现一个像提示类的动画。而且六个图片都可以实现。非常像那种在a里面加上title的动画。只不过这里将它用在了图片上。

html里面的代码就显得有些复杂了,因为必须将隐藏部分写进去,还要为每一个提示这写上top及left,这个肯定是定位的功能了。

msn有一个地方处理得非常人性化,它为每一个代码都添加了一个默认图片,当用户没有上传图片时,这个图片就会自动显示了。这个有意思。

以下是我制作的效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/cssjs/201102/jspictip/index.html

下载地址:js实现划过图片出现提示标题.rar

返回作者主页:www.163css.com阅读 (6993)
更多 1