Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<html>
  <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    
    
  </head>
  <body>
    
<div class="chat_over"> 
<div id="bottom_chat" onclick="hide_chat()">Свернуть</div><div id="top_chat" onclick="show_chat()">Развернуть</div> 
<div id="cht" onclick="show_chat()"><div class="ngd"><div id="wrapper" class="scroll-pane"><div id="scroller" class="comm"></div></div></div> 
​
​
​
</div> 
​
    
<script type="text/javascript"> 
function show_chat() {
  $('.chat_over').stop(true).animate({bottom:'20px', opacity:'1'},200)
$('#top_chat').stop().fadeOut(200,function(){$('#bottom_chat').stop().fadeIn(200)})
}
function hide_chat() {
  $('.chat_over').animate({bottom:'-212px'},200, function(){ 
    $('.chat_over')
    .delay(4000)
    .animate({opacity:'0.5'}, 200)
})
$('#bottom_chat').stop().fadeOut(200,function()                       
                                 {$('#top_chat').stop().fadeIn(200)})
}
​
</script>
</body>
</html>
 
​
.dsnn {display:none} 
#c_one_clon, #c_tell {position:absolute;top:-1500px} 
.chat_over {position:fixed;padding:5px;padding-top:0;z-index:9999;bottom:-212px;right:20px;text-align:center;background:rgba(0,0,0,0.6); 
  border-radius:3px; 
  -moz-border-radius:3px; 
  -webkit-border-radius:3px} 
​
*:focus {outline: none} 
#bottom_chat {display:none;padding:5px;color:#FFFFFF;cursor: s-resize} 
#top_chat {padding:5px;color:#FFFFFF;cursor: n-resize} 
.ngd { 
  cursor:default; 
  background:#FFFFFF; 
  padding:5px; 
  border-radius:3px; 
  -moz-border-radius:3px; 
  -webkit-border-radius:3px; 
} 
.clkg {width:288px; 
padding:5px;padding-bottom:6px;border:1px solid #EAEAEA; 
background:#EAEAEA; 
color:#000; 
text-align:left; 
border-radius:3px; 
  -moz-border-radius:3px; 
  -webkit-border-radius:3px;} 
#wrapper .comm {margin-top:0;margin-left:0px;} 
.sb1, .sb2 {margin-bottom:10px} 
.cs2 {margin-top:3px;color:#E32F17;font-size:10px} 
.cs1 {margin-top:3px;color:#2B2B2B;font-size:10px} 
.chtt iframe {display:none} 
.mchat {width:250px} 
.chtt {margin-top:5px} 
​
.otbv, .otbv:hover {color:#6A6A6A} 
​
#wrapper { 
  background:#FFFFFF; 
  width: 290px; 
  height: 200px; 
  overflow: auto; 
} 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers