marquee实现文字移动效果;js+div实现文字无缝移动效果

1.marquee实现文字移动：

<marquee width="220px;" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()" ><p style="letter-spacing:2px;width: 1px;">欢迎您登录拜博医疗口腔集团内部网</p>
</marquee>

2.js+div实现文字无缝平滑移动：

<p id="scrollobj" style="white-space:nowrap;overflow:hidden;width:400px;margin: auto;" onmouseover="stop()" onmouseout="start()"><span style="padding-left: 210px;">欢迎您登录拜博医疗口腔集团内部网</span></p><script>
function scroll(obj) {var tmp = (obj.scrollLeft)++;//当滚动条到达右边顶端时if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;//当滚动条滚动了初始内容的宽度时滚动条回到最左端if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;}var a =    setInterval("scroll(document.getElementById('scrollobj'))",20);function stop(){clearInterval(a);}function start(){a=setInterval("scroll(document.getElementById('scrollobj'))",30);}
</script>

转载于:https://www.cnblogs.com/super-chao/p/6118603.html

marquee实现文字移动效果;js+div实现文字无缝移动效果相关推荐

html5滚动文字切换效果代码,js+div实现文字滚动和图片切换效果代码
本文实例讲述了js+div实现文字滚动和图片切换效果代码.分享给大家供大家参考.具体如下: 这里演示js+div文字滚动和图片切换代码,为了演示方便,去掉了图片调用,用数字代替了,用时候再加上就可以了 ...
html怎么把图片做成抖动效果,js实现鼠标触发图片抖动效果的方法
本文实例讲述了js实现鼠标触发图片抖动效果的方法.分享给大家供大家参考.具体实现方法如下: 鼠标触发图片抖动效果 .shakeimage{ position:relative } //configur ...
html中图片鼠标滑动的效果,JS DOM实现鼠标滑动图片效果
经常,我们在浏览各种网页的时候,都会有各种动画效果展示,像下图所示的是很多网上商城常用的货品展示方式,同类的货品并排展现在窗口上,用户如果看中了哪一款商品想要查看详情的话,只要将鼠标放上该商品的区域, ...
用js实现图片的无缝滚动效果
实现图片的无缝滚动就是要让你的图片集在一定时间里自动切换,那就需要js里的定时器来控制时间. js中关于定时器的方法有两种:setTimeout和setInterval.它们接收的参数是一样的,第一个 ...
html设置文字超过字数_css+div解决文字溢出控制显示字数
看到标题你一定很轻易就会想到截断文字加"..."的做法.哈哈,就是这样.其实写这篇日志也只是把这样方法做个记录,因为似乎还有很多人不记得碰到这样的情况该如何处理. 首先,先解释一下 ...
html轮播图京东效果,js实现京东轮播图效果
Title body,ul,li{padding:0;margin:0;} li{list-style-type:none;} .wrap{ position:relative; width:480p ...
18款js和jquery文字特效代码分享
18款js和jquery文字特效代码分享 jQCloud标签云插件_热门城市文字标签云代码 js 3d标签云特效关键词文字球状标签云代码原生JS鼠标悬停文字球状放大显示效果代码原生js文字动画圆形 ...
html css好看的提示框,div对话框,js+div+css实现好看的提示框效果(转)
div对话框,js+div+css实现好看的提示框效果(转) (2012-02-18 20:46:23) 标签: html div css 杂谈提示窗都越来越人性化了,呵呵,有的时候老板就和你要那么 ...
html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...
这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下本文实例讲述了js实现文本框中输入文字页面中 ...

marquee实现文字移动效果;js+div实现文字无缝移动效果

marquee实现文字移动效果;js+div实现文字无缝移动效果相关推荐

最新文章

热门文章