Html如何实现大段文字慢慢往上移动的效果

2020-10-11 社会 78阅读

fasdas</title> <br /><body> <br /><marquee direction=up scrollamount=6 onmouseover="this.stop()" onmouseout="this.start()"> <br />这是一段 跑动 的文字.我经过它就能停下来.</marquee> <br /><input type=button value=关闭窗口 onclick="window.close()"> <br /><input type=button value=刷新 onclick="history.go(0)"> <br /></body></html> <br />其中的scrollamount属性可以改变速度.值小它就会变慢. <br />height可以改变高度.direction可以改变方向 </div> <div class="tags"> </div> <div class="clear"> <div class="shares"> <b>声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com</b> <div id="share" class="share-component social-share" data-sites="weibo,qzone,qq,wechat"> </div> </div> <div class="act"> <a href="JavaScript:" onclick="zan('17206743')" class="zan" title="赞"> <i class="iconfont bx bx-like"></i> <span id="zan">0</span> </a> </div> </div> <div class="clear"></div> </div> <div class="ny-ad"> </div> <div class="ny-ad"> </div> <div class="like"> <h3 class="title">最新文章</h3> <div class="piclist likep"> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/1244662155959101779.html" title="家庭遭受意外突发事件包括哪些,死亡算不算"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/3" class="cat">社会 </a> <h3> <a href="https://w.sf024.com/info/1244662155959101779.html" title="家庭遭受意外突发事件包括哪些,死亡算不算">家庭遭受意外突发事件包括哪些,死亡算不算</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-15 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 1080阅读 </span> </div> </div> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/141453225.html" title="麻烦大家帮我找一下美洲传统纹样图案"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/3" class="cat">社会 </a> <h3> <a href="https://w.sf024.com/info/141453225.html" title="麻烦大家帮我找一下美洲传统纹样图案">麻烦大家帮我找一下美洲传统纹样图案</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-15 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 210阅读 </span> </div> </div> <div class="li"> <div class="img"> <a href="https://w.sf024.com/info/1862419653107520267.html" title="海尔4k电视是三色4k还是四色4k!液晶屏是三星还是LG供应的?"> <img src="https://w.sf024.com/assets/img/default.jpg" alt=""> </a> </div> <a href="https://w.sf024.com/ask/3" class="cat">社会 </a> <h3> <a href="https://w.sf024.com/info/1862419653107520267.html" title="海尔4k电视是三色4k还是四色4k!液晶屏是三星还是LG供应的?">海尔4k电视是三色4k还是四色4k!液晶屏是三星还是LG供应的?</a> </h3> <div class="meta"> <span class="time"> <i class="iconfont bx bx-time"></i> 04-15 </span> <span class="views"> <i class="iconfont bx bx-show"></i> 147阅读 </span> </div> </div> <div class="clear"></div> </div> </div> <div class="ny-ad"> </div> </div> <div class="sidebar"> <div class="widget postlist"> <h3>猜你喜欢</h3> <ul class="hasimg"> <li> <a href="https://w.sf024.com/info/17206743.html" title="Html如何实现大段文字慢慢往上移动的效果" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="Html如何实现大段文字慢慢往上移动的效果"> </a> <a href="https://w.sf024.com/info/17206743.html" target="">Html如何实现大段文字慢慢往上...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 10-11 </span><span> <i class="iconfont bx bx-show"></i> 78阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/2010707923470635268.html" title="html如何实现鼠标悬停显示文字,鼠标移走文字消失。" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="html如何实现鼠标悬停显示文字,鼠标移走文字消失。"> </a> <a href="https://w.sf024.com/info/2010707923470635268.html" target="">html如何实现鼠标悬停显示文字...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-08 </span><span> <i class="iconfont bx bx-show"></i> 22阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/361732837364559492.html" title="DIV CSS文字粗体字如何实现 html文字粗体字体加粗如何设置" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="DIV CSS文字粗体字如何实现 html文字粗体字体加粗如何设置"> </a> <a href="https://w.sf024.com/info/361732837364559492.html" target="">DIV CSS文字粗体字如何实现...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 05-01 </span><span> <i class="iconfont bx bx-show"></i> 143阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/648180116859336605.html" title="DIV CSS文字粗体字如何实现 html文字粗体字体加粗如何设置" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="DIV CSS文字粗体字如何实现 html文字粗体字体加粗如何设置"> </a> <a href="https://w.sf024.com/info/648180116859336605.html" target="">DIV CSS文字粗体字如何实现...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 09-25 </span><span> <i class="iconfont bx bx-show"></i> 130阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1366222115360266219.html" title="html/ css 代码如何实现类似在hr中间夹文字的?" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="html/ css 代码如何实现类似在hr中间夹文字的?"> </a> <a href="https://w.sf024.com/info/1366222115360266219.html" target="">html/ css 代码...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 08-09 </span><span> <i class="iconfont bx bx-show"></i> 219阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1178697610091960339.html" title="html怎么实现文本框输入文字" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="html怎么实现文本框输入文字"> </a> <a href="https://w.sf024.com/info/1178697610091960339.html" target="">html怎么实现文本框输入文字...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 04-16 </span><span> <i class="iconfont bx bx-show"></i> 107阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1437448776758036299.html" title="html和js能实现手机文字挂机游戏吗 而且有离线挂机的那种" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="html和js能实现手机文字挂机游戏吗 而且有离线挂机的那种"> </a> <a href="https://w.sf024.com/info/1437448776758036299.html" target="">html和js能实现手机文字挂机...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 08-28 </span><span> <i class="iconfont bx bx-show"></i> 114阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/13084627479.html" title="青岛市区研究生选调生发展前途如何?(希望得到懂行人的介绍,机构复制粘贴大段文字就不要回了,谢谢)" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="青岛市区研究生选调生发展前途如何?(希望得到懂行人的介绍,机构复制粘贴大段文字就不要回了,谢谢)"> </a> <a href="https://w.sf024.com/info/13084627479.html" target="">青岛市区研究生选调生发展前途如何...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 11-03 </span><span> <i class="iconfont bx bx-show"></i> 292阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/2056936074511700427.html" title="微信朋友圈怎样才能发一大段(一大段)文字么" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="微信朋友圈怎样才能发一大段(一大段)文字么"> </a> <a href="https://w.sf024.com/info/2056936074511700427.html" target="">微信朋友圈怎样才能发一大段(一大...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 08-21 </span><span> <i class="iconfont bx bx-show"></i> 68阅读 </span> </p> </li> <li> <a href="https://w.sf024.com/info/1301843804274063579.html" title="html代码中如何实现图片轮换效果?" class="img"> <img src="https://w.sf024.com/assets/img/default.jpg" alt="html代码中如何实现图片轮换效果?"> </a> <a href="https://w.sf024.com/info/1301843804274063579.html" target="">html代码中如何实现图片轮换效...</a> <p class="meta"> <span> <i class="iconfont bx bx-time"></i> 06-02 </span><span> <i class="iconfont bx bx-show"></i> 139阅读 </span> </p> </li> </ul> </div> </div> </div> </section> <footer class="footer"> <div class="container"> <p class="copyright">COPYRIGHT 2013 - 2024 你问我答网®. ALL RIGHTS RESERVED. | <a href="https://beian.miit.gov.cn/" target="_blank">豫ICP备2020035127号</a></p> </div> </footer> <script> let search_type="1"; var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?752ceaa2e03e39366ceff9a414a1f6a7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();</script> <script type="text/javascript" src="https://w.sf024.com/assets/js/jquery.share.min.js"></script> </body> </html>