How does JQUERY scroll a long picture and move the mouse up to stop scrolling?

Total several tags

<div class="box">
    <div class="img"><img src="" /></div>
</div>
<div class="box">
    <div class="img"><img src="" /></div>
</div>
<div class="box">
    <div class="img"><img src="" /></div>
</div>

in which box has a height of only 100px, which exceeds hiding, while img has a height of 1000px.At present, the effect you want to achieve is that each of the three pictures automatically scrolls up and down infinitely , and the mouse moves over the picture and stops scrolling. May I ask how to achieve it? Thank you very much! ~

Mar.18,2021

you can quote slider.js to do

with jq.

in fact, this effect can be achieved without js

  https://codepen.io/caocong/pe.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b39a6e-2c1c4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b39a6e-2c1c4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?