HTML滑動文字跳轉是一種常見的網頁設計效果，可讓你的頁面更加動態。下面介紹一種簡單的實現方法。
<html>
<head>
<title>滑動跳轉</title>
<style>
#box{
position: relative;
width: 200px;
height: 50px;
border: 1px solid #ccc;
overflow: hidden;
margin: 0 auto;
}
#scroll{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: scroll 10s linear infinite;
}
#scroll:hover{
animation-play-state: paused;
}
@keyframes scroll{
0%{top: 0;}
100%{top: -100px;}
}
</style>
</head>
<body>
<div id="box">
<a >滑動文字跳轉<span id="scroll">滑動文字跳轉</span></a>
</div>
</body>
</html>代碼中，我們創建一個名為box的div容器，設置寬度為200px，高度為50px，邊框為1像素實線。在div內嵌套一個a標簽，將跳轉鏈接設置為"https://www.example.com"，并添加一個跳轉文本"滑動文字跳轉"及一個名為scroll的span標簽。
在CSS樣式中，我們對box和scroll進行了一系列的樣式設置。box使用了相對定位、溢出隱藏等屬性，scroll使用了絕對定位、線性動畫等屬性。
此時，你會看到滑動文字跳轉效果的網頁。當鼠標懸停于滑動文字上時，動畫會停止。這就是一個簡單但實用的HTML滑動文字跳轉代碼。