CSS:
ul, li {margin: 0; Padding: 0; } #scrolldiv {width: 300px; ความสูง: 25px; ความสูงของสาย: 25px; ขอบด้านล่าง: #4C8CD1 1PX SOLID; ล้น: ซ่อน; } #scrolldiv li {ความสูง: 25px; Padding-Left: 10px; -JS:
<script> ฟังก์ชั่น autoScroll (obj) {$ (obj) .find ("ul: first"). animate ({margintop: "-25px"}, 800, function () {$ (นี่) .css ({margintop: "0px"}) } $ (เอกสาร) .Ready (function () {setInterval ('autoScroll ("#scrolldiv")', 3000) setInterval ('autoscroll ("#scrolldiv")', 3000)}); </script>html:
<div id = "scrolldiv"> <ul> <li> นี่เป็นบรรทัดแรกของชื่อการประกาศ </li> <li> นี่คือบรรทัดที่สองของชื่อประกาศ </li> <li> นี่คือบรรทัดที่สามของชื่อการประกาศ </li> <li> นี่คือบรรทัดที่สี่ของชื่อประกาศ </li> ชื่อเรื่อง </li> <li> นี่คือบรรทัดที่เจ็ดของชื่อประกาศ </li> <li> นี่คือบรรทัดที่แปดของชื่อประกาศ </li></ul> </div>
การใช้งานอย่างง่าย ๆ ของการเลื่อน JS ข้างต้นอย่างต่อเนื่องคือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น