Question

能用JS实现图片移动位置的功能吗？（求高手解答，最好是把实现的想法说出来）

这里有2张图。一张是全屏显示的，一张是缩小屏幕的。

红色框里的图片根据屏幕显示的大小移动了位置。以下是我的猜想：
猜想：
首先 在最大屏幕显示是它是隐藏的，所以在页眉那里没有显示。
然后再GMS功能菜单那里设定一个隐藏的图片框（style.css 156
行），
然后 利用JS把图片在大屏幕时的页眉上控制隐藏只有在小于等于

多少PX时才会显示。
最后 利用JS把图片直接显示在GMS功能菜单设定的图片框里面。

是否能利用JS实现这个猜想,我现在的JS水平不高...不太懂。
页面代码为：
<div class="container-fluid">
<a class="brand" href="index.html">
<img src="http://122.225.60.238:8002/content/images/logo.png" alt="logo">
</a>
<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
<img alt="" src="WebRoot/Assets/image/menu-toggler.png">
</a>
<ul class="nav pull-right">
<li class="dropdown user">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<img style="height:29px;" src="WebRoot/Content/Images/avatar.gif" alt="">
<span class="username">admin</span>
<i class="icon-angle-down"></i>
</a>
</li>
</ul>
</div>
我把admin 下面的代码消除了一部分，是一个下拉框，看不看无所谓。
如果有视频解答的话，请发我邮箱：oo19920924@163.com 谢谢





Answer 1

你说的这个功能可以实现，并不复杂，但是你说的如果是通过window.onresize时来触发函数，在检测屏幕的宽窄那样每个电脑的屏幕分辨率是不一样的，这样会容易出bug，不过如果限制的很小的范围则可以避免，希望你能更详细的描述你想要的效果，才能帮你写。