【js实现字体滚动起来】

<！DOCTYPE html>
<html lang =“en”>
<HEAD><meta charset =“UTF-8”><TITLE>字体循环动起来</ TITLE><style type =“text / css”>body，ul，li {margin：0px; padding：0px}ul，li {list-style：none}body {font-size：14px}＃dome1 {width：250px;高度：200像素;border：1px solid＃000;margin：50px auto;padding：0px 50px;overflow：hidden; / *溢出隐藏* /}＃dome1 li {padding：5px 0px}</样式>
<script type =“text / javascript”>window.onload = function（）{//（1）获取三个<DIV>的IDvar dome1 = document.getElementById（“dome1”）;var dome2 = document.getElementById（“dome2”）;var dome3 = document.getElementById（“dome3”）;//（2）三个<DIV>的高度一样//这里的风格属性，又是一个风格对象，代表CSS对象。//风格对象的属性与CSS的属性一样。//这里的风格对象代表行内样式。dome2.style.height = dome1.offsetHeight +“px”;dome3.style.height = dome1.offsetHeight +“px”;//（3）将dome1中的内容复制到dome2中dome3.innerHTML = dome2.innerHTML;//（4）的圆顶的scrollTop的属性来实现滚动window.setInterval（ “START2（dome1）”，40）;}功能start2（圆顶）{如果（dome.scrollTop == dome.offsetHeight）{dome.scrollTop = 0;}其他{dome.scrollTop ++;}}</ SCRIPT>
</ HEAD>
<BODY><div id =“dome1”><div id =“dome2”><UL><LI>新闻新闻新闻新闻1 </ LI><LI>新闻新闻新闻新闻2 </ LI><LI>新闻新闻新闻新闻3 </ LI><LI>新闻新闻新闻新闻4 </ LI><LI>新闻新闻新闻新闻5 </ LI><LI>新闻新闻新闻新闻6 </ LI></ UL></ DIV><div id =“dome3”> </ div></ DIV>
</ BODY>
</ HTML>

【js实现字体滚动起来】相关推荐

字幕字体滚动插件——scroxt.js
README scroxt.js Overview scroxt.js是一个字体滚动的插件库,包括视频弹幕滚动,直播弹幕.直播弹幕强制模式.单行水平左右滚动.文本垂直滚动上下,用于简单快捷生成滚动字体 ...
前端如何设置字体滚动，及向左移动
前端设置字体滚动很多地方都用得上,用于提示,用于广告- 赋值下面代码引入jQuery插件即可测试向上滚动 <!DOCTYPE html> <html><head> ...
js简单文字滚动显示
js简单文字滚动显示 1. html内容 <!DOCTYPE html> <html><head><meta charset="utf-8" ...
js源生惯性滚动与回弹(备用)
js源生惯性滚动与回弹(备用) js源生惯性滚动与回弹(备用) <!DOCTYPE html> <html lang="zh-CN"><head> ...
原生JS实现图片滚动
2019独角兽企业重金招聘Python工程师标准>>> 原生JS实现图片滚动一.原理黑色盒子是最终显示滚动图像的区域,绿色盒子为其子容器,其宽度要大于黑色外层盒子,这样才能通过设 ...
html文本滚动到底后自动回到顶部,JS 实现DIV 滚动至顶部后固定
JS 实现DIV 滚动至顶部后固定 DIV滚动至顶部后固定 Test Div function menuFixed(id) { var obj = document.getElementById(id ...
JS左右无缝滚动（一般方法+面向对象方法）
其实不管是一般方法还是面向对象的方法都还有很多可以改进的地方,有需要的先将就着用吧!-_- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T ...
html鼠标平滑滚动效果,JS特效代码 JS动态平滑滚动菜单效果
JS特效代码 JS动态平滑滚动菜单效果 www.css5.net body {cursor:crosshair; background:#111; margin:0; padding:0; posit ...
Swiper.js实现无缝滚动
1. 引入Swiper.js <script src="/static/swiper/swiper-bundle.min.js"></script> 其他获 ...

【js实现字体滚动起来】

【js实现字体滚动起来】相关推荐

最新文章

热门文章