BODY { overflow: hidden; }
<style> .bslb { position: absolute; background-color:transparent; width:31px; right: 324px; top: 0px; bottom: 95px; border: 0px; } #bsl { background-color:transparent; position: absolute; width:31px; height:31px; right: 0px; top: 50%; border: 0px; z-index: 3; } .bslr { background-image: url(http://radiofull.ru/Style_god/img/strela.png); background-position: 0px 0px;} .bslr:hover { background-position: 71px 0px;} .bslr:active { background-position: 31px 0px;} .bsll { background-image: url(http://radiofull.ru/Style_god/img/strela1.png); background-position: 0px 0px;} .bsll:hover { background-position: 71px 0px;} .bsll:active { background-position: 31px 0px;} </style> <script type="text/javascript" src="http://radiofull.ru/Style_god/jquery/jquery-1.6.2.js"></script> <script type="text/javascript"> var bhid=0; $(document).ready(function() { $("#bsl").click(function() { //320px - ширина блока пользователей if (bhid==0) { $("#usersdiv").animate({"width": "-=320px"}, "slow"); //#usersdiv - ID блока пользователей $("#leftdiv").animate({"right": "-=320px"}, "slow"); // #leftdiv - ID фрейма сообщений $(".bslb").animate({"right": "-=320px"}, "slow"); bhid=1; $("#bsl").attr("class", "bsll"); } else { $("#usersdiv").animate({"width": "+=320px"}, "slow"); $("#leftdiv").animate({"right": "+=320px"}, "slow"); $(".bslb").animate({"right": "+=320px"}, "slow"); bhid=0; $("#bsl").attr("class", "bslr"); } }); }); </script>
<div class="bslb"><div id="bsl" class="bslr"></div></div>
if (navigator.userAgent.indexOf('MSIE') != -1){ // этот код будет выполняться только в ИЕ, можно здесь поставить выход, прерывание и прочее в зависимости от содержания скрипта } //или так if (navigator.userAgent.indexOf('MSIE') == -1){ // этот код будет выполняться везде кроме ИЕ }
var bhid = 0; $(document).ready(function() { if (navigator.userAgent.indexOf('MSIE') == -1) { $("#bsl").click(function() { //320px - ширина блока пользователей if (bhid==0) { $("#usersdiv").animate({"width": "-=320px"}, "slow"); //#usersdiv - ID блока пользователей $("#leftdiv").animate({"right": "-=320px"}, "slow"); // #leftdiv - ID фрейма сообщений $(".bslb").animate({"right": "-=320px"}, "slow"); bhid=1; $("#bsl").attr("class", "bsll"); } else { $("#usersdiv").animate({"width": "+=320px"}, "slow"); $("#leftdiv").animate({"right": "+=320px"}, "slow"); $(".bslb").animate({"right": "+=320px"}, "slow"); bhid=0; $("#bsl").attr("class", "bslr"); } }); } });