这是静态页面引用的代码，能看明白吧，你可以把共同的部分做成一个单独的页面，但注意要是规则的矩形，然后设置好宽高，最好框架能比引用的页面大一点点就不会出现滚动条了。这样修改以来也方便，只要修改一个就全部变了
二维码外面你套了div这是对的，div左边的是图片栏目也没有问题，但是这两个div，父级也要套个div，然后里面这两个div设置百分比宽度，然后图片设置二维码图片设置100%就行了。这个用纯css是不可能实现的，因为css不存在父选择器，只能由上往下选择，不能上溯。这种设置是合情合理的，否则的话如果在一个层次很深的css选择器中存在父级（或祖先级）选择器，浏览器在渲染页面时很可能会陷入迷宫或死循环。
必须用js才能实现，比如（须引用jq）：
<div class="chose"><span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
</div>
<script>
$(function(){
$(".chose").on("mouseover","span",function(){
$(this).parent().css("background","url(image"+$(this).text()+".jpg)")
})
})
</script>
这里使用的背景图片是image1.jpg、image2.jpg、image3.jpg、image4.jpg
