juqery图片如何跟随鼠标点击的链接移动？

Question

在网页侧栏有如下链接，其中链接的下划线部分已经被消去
nav ul li a{ 
text-decoration: none;
}
<section>
<nav>
<ul>
  <li><a href="1.html">足球</a></li><br/><br/>
  <li><a href="2.html">篮球</a></li><br/><br/>
  <li><a href="3.html">乒乓球</a></li><br/><br/>
  <li><a href="4.html">羽毛球</a></li><br/><br/>
</ul>
</nav>
</section>
我现在有一张做背景的图片
<img class="back_leftside" src="Images/back_leftside.png"/>
我想实现的效果是点击一个链接，图片会移动到相应的位置做背景
比如点击足球，然后图片会移动到足球这个链接的后面
---------      
| 足球   |
---------
不知道如何才才能利用JUQERY实现这个功能，希望大家给出建议

Answer 1

<li><a href="1.html">足球</a></li><br/><br/> //标签编写不规范
点击一个链接，图片会移动 //需要不规范：连接点击就要跳转，图片移动了也看不到如果说：鼠标经过链接时，后面出现张图片或者出现一张背景图片还说得过去

Answer 2

jquery+css的操作应该很容易实现你讲的这个操作呀。像楼上所说的，不要点击，当鼠标在上时就实现这种效果，如果你硬是要点击的话，也是可以，就是你显示的内容不要在本页，在一个iframe中。