HTML左右箭頭滾動代碼是一種常用的網頁設計技巧，通過這種方法可以在網頁中展示更多的內容，并且不占用過多的頁面空間。下面是HTML左右箭頭滾動的代碼實現：

<div style="width: 300px; overflow: hidden;"><div style="width: 600px; float: left;"><p>這是需要滾動的內容1。</p><p>這是需要滾動的內容2。</p><p>這是需要滾動的內容3。</p><p>這是需要滾動的內容4。</p><p>這是需要滾動的內容5。</p><p>這是需要滾動的內容6。</p></div></div><script>var speed = 50;
var offset = -300;
var p = document.getElementsByTagName('div')[0];
var scroll_width = p.getElementsByTagName('div')[0].offsetWidth;
function Marquee() {
if (offset < -scroll_width) {
offset = 0;
} else {
offset -= 1;
}
p.getElementsByTagName('div')[0].style.marginLeft = offset + 'px';
}
var MyMar = setInterval(Marquee, speed);
p.onmouseover = function() {
clearInterval(MyMar);
};
p.onmouseout = function() {
MyMar = setInterval(Marquee, speed);
};
</script>

在上面的代碼中，首先需要一個包含滾動內容的DIV容器，容器設置寬度為顯示內容的寬度，overflow屬性設置為hidden，這個DIV的子DIV包含需要展示的具體內容，寬度是所有內容寬度之和，這兩個DIV都需要設置float:left。接著通過JavaScript代碼實現滾動：設置初始滾動速度，初始化內容位移值為負容器寬度，獲取需要操作的容器和內容寬度，實現每一次向左偏移1個像素的滾動，實現通過鼠標懸停和移出來暫停和恢復滾動。