CSS:
ul ، li {margin: 0 ؛ الحشو: 0 ؛ } #scrolldiv {width: 300px ؛ الارتفاع: 25 بكسل ؛ رفع الخط: 25 بكسل ؛ Border-Bottom: #4C8CD1 1PX Solid ؛ الفائض: مخفي. } #scrolldiv li {height: 25px ؛ حشو اليسار: 10 بكسل ؛ }JS:
<script> function autoscroll (obj) {$ (obj) .find ("ul: first"). animate ({margintop: "-25px"} ، 800 ، function () {$ (this) .css ({margintop: "0px"}). } $ (document) .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> </viv>
إن التنفيذ البسيط للتمرير JS أعلاه دون انقطاع هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.