jquery realizes imitation QQ space dress up preview picture mouse prompt effect code _jquery

This article describes the jquery implementation of the simulation of QQ space dress preview picture of the mouse prompt effect code. Share to everyone for your reference, specific as follows:

This is an imitation Tencent qq space dress preview picture of the mouse prompt effect, induction mouse Display picture introduction information, when you move the mouse to the picture, the background of the picture will change, and will show the corresponding text content of the picture, is the use of QQ space effect.

The screenshot of the running effect is as follows:

The online demo address is as follows:

http://demo.jb51.net/js/2015/jquery-f-qq-zone-pic-view-codes/

The specific code is as follows:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
">  

I hope this article will help you with your jquery programming.