主要思想:
两张成倍数图片,并排放置,小图片容器长宽=小图片长宽=大图片容器长宽,小图片上的半透明框和右边大图片的容器呈同样倍数比。
在移动半透明框时将大图片容器往反方向移动,移动距离为半透明框的移动距离乘以两图片的长宽比。
1.移动最大距离为 图片长宽减去内部边框长宽
2.获取元素左边距离时用offset.left
修改元素左边距离时用style.left
3.判断临界条件使小半透明方块的边界不超出小容器
4.鼠标放在小容器时,大图片与半透明框style.display='block'
鼠标移除小容器时,大图片与半透明框style.display='none'
5.小容器中的操作只能在osmall.onmouseover内部定义 外部隐藏获取不到宽高