<!--右侧效果-->

<script>$().ready(function() {    $(".orm").hover(function() {        $(this).css("right", "-2px");    }, function() {        $(this).css("right", "-175px");    });});</script>　　<div class="orm" style="position:absolute; z-index:1000; top:160px; right:-175px; background:url(‘./images/fxico.png‘);">
　　　　<span style="margin-left:80px;">与500家知名电商合作/span>
　　</div>　　<div class="orm" style="position:absolute; z-index:1000; top:240px; right:-175px; background:url(‘./images/czico.png‘);">
　　　　<span style="margin-left:80px;">网上充值用皓诚放心</span>
　　</div>　　<div class="orm" style="position:absolute; z-index:1000; top:320px; right:-175px; background:url(‘./images/lxico.png‘);">
　　　　<span style="margin-left:80px;">提供更专业的预定服务</span>
　　</div>　　<div class="orm" style="position:absolute; z-index:1000; top:400px; right:-175px; background:url(‘./images/tgico.png‘);">
　　　　<span style="margin-left:80px;">餐饮娱乐,休闲酒店各种生活</span>
　　</div>

JS效果 页面固定

   <style>    *{margin:0}    body{height:1000px;width:1000px;}    #a{width:300px;height:100px;background:red;}    </style>    <script>    var isie6 = window.XMLHttpRequest?false:true;    window.onload = function(){    var a = document.getElementById(‘a‘);    var d = document.getElementById(‘d‘);    if(isie6){    a.style.position = ‘absolute‘; 　　    window.onscroll = function(){    d.innerHTML = ‘‘;    }    }else{    a.style.position = ‘fixed‘;    }
    a.style.right = ‘0‘;    a.style.bottom = ‘0‘;
    }    </script>    <div id=‘a‘>测试</div>