实现一个文本无缝滚动的效果:
<!DOCTYPE html> <!--[if lt IE 7 ]> <html lang="zh-CN" class="ie6"> <![endif]--> <!--[if IE 7 ]> <html lang="zh-CN" class="ie7"> <![endif]--> <!--[if IE 8 ]> <html lang="zh-CN" class="ie8"> <![endif]--> <!--[if IE 9 ]> <html lang="zh-CN" class="ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="zh-CN"> <!--<![endif]--> <head> <title>文字滚动</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <style type="text/css"> *{margin:0;padding:0;} body{padding:20px;} .textbox{border:1px solid #ddd;width:auto;overflow: hidden;} .textbox ul{list-style: none;position: relative;} .textbox ul li{padding:5px 0;} </style> </head> <body class="home-page"> <div id="textbox" class="textbox"> <ul> <li>汽车 | 运动B级车降3万5 </li> <li>家居 | 这么厉害的装修 女人真的要坐不住了</li> <li>教育 | 各省前三报考华工重奖10万元/人</li> <li>汽车 | 运动B级车降3万5 平行进口车加价11万</li> <li>健康 | 滥用激素酿苦果 14岁男孩10年不长个儿</li> <li>数码 | 最新手机报价 说好的宽带降费提速呢?</li> <li>汽车 | 平行进口车加价11万</li> <li>汽车 | 运动B级车降3万5</li> <li>汽车 | 平行进口车加价11万</li> <li>运动 | 恒大亚冠生死战 猜比分赢正版球衣</li> </ul> <a href="#" class="btnPrev">向左</a> <a href="#" class="btnNext">向右</a> </div> <br> <br> <div id="textbox2" class="textbox"> <ul> <li>汽车 | 运动B级车降3万5 </li> <li>家居 | 这么厉害的装修 女人真的要坐不住了</li> <li>教育 | 各省前三报考华工重奖10万元/人</li> <li>汽车 | 运动B级车降3万5 平行进口车加价11万</li> <li>健康 | 滥用激素酿苦果 14岁男孩10年不长个儿</li> <li>数码 | 最新手机报价 说好的宽带降费提速呢?</li> <li>汽车 | 平行进口车加价11万</li> <li>汽车 | 运动B级车降3万5</li> <li>汽车 | 平行进口车加价11万</li> <li>运动 | 恒大亚冠生死战 猜比分赢正版球衣</li> </ul> <a href="#" class="btnPrev">向上</a> <a href="#" class="btnNext">向下</a> </div> <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.11.1.min.js">一些問題:
本地測試沒問題,但是 通過document.write()把代碼輸入執行后,垂直模式下的li的高度height()獲取會有問題。原因不明,非常不解..
以上所述就是本文的全部内容了,希望大家能够喜欢。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
金钱帮资源网 Copyright www.kbjia.com
暂无“纯javascript实现四方向文本无缝滚动效果”评论...
更新日志
2024年10月21日
2024年10月21日
- 群星2013-青春缤纷辑压箱宝大公开3CD2[新加坡限量版][WAV整轨]
- 林育群.2013-BalladShow(日本版)【环球】【WAV+CUE】
- 陈加洛.1992-痛到感觉不到【宝丽金】【WAV+CUE】
- 群星.2023-宿命之敌电视剧原声带【韶愔音乐】【FLAC分轨】
- 東京事変-大発見[FLAC+CUE]
- 椎名林檎-三文ゴシップ[FLAC+CUE]
- 2024年08月04日
- 裘德《裘德「最后的水族馆」演唱会LIVE》[320K/MP3][228.89MB]
- 裘德《裘德「最后的水族馆」演唱会LIVE》[24bit 48kHz][FLAC/分轨][2.08G]
- 基因三重奏《如果你什么都不说 音乐会现场录音》[320K/MP3][145.37MB]
- 孟庭苇.1996-月亮说话(2020环球24KGOLD限量版)【上华】【WAV+CUE】
- 群星.1997-新艺宝优质音响系列·国语精选监听版【新艺宝】【WAV+CUE】
- 阿桑.2005-寂寞在唱歌(星外星引进版)【华研国际】【WAV+CUE】
- 基因三重奏《如果你什么都不说 音乐会现场录音》[FLAC/分轨][287.43MB]
- 蔡题谦《我爱你,却依然要看你走》[320K/MP3][88.65MB]