编写一段html5的跑马灯，在滚动容器内有初始的文字，当后台通过ws发送消息到html页面时，根据消息内容替换容器内文字，并且不影响容器滚动

以下是一段基于jQuery的HTML5跑马灯代码，可以实现通过WebSocket接收消息并替换容器内文字，同时不影响容器滚动：

HTML代码：

<div id="marquee" class="marquee-container">
  <div class="marquee-content">这是初始的文字</div>
</div>

CSS代码：

.marquee-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.marquee-content {
  display: inline-block;
  padding-right: 100%;
  animation: marquee 10s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

JavaScript代码：

// WebSocket连接
var ws = new WebSocket('ws://yourwebsocketserver.com');
// 接收消息并替换容器内文字
ws.onmessage = function(event) {
  var message = event.data;
  $('#marquee .marquee-content').text(message);
};

在以上代码中，我们使用了CSS3的动画来实现跑马灯效果，并且通过WebSocket接收后台发送的消息，然后使用jQuery替换容器内的文字。由于我们只替换了文字内容，没有对容器的样式和滚动动画进行修改，因此不会影响容器的滚动效果。