`

利用appendChild 5行代码实现全兼容的文字滚动效果

 
阅读更多
<divid="d"style="width:300px;height:200px;">
<p>1,你可曾有过无数的梦想,</p>
<p>2,却在时光的流逝里幻灭</p>
<p>3,你可曾对未来期待憧憬,</p>
<p>4,却在成长的岁月中迷失</p>
</div>
<script>...
vart=setInterval(myfunc,1000)
functionmyfunc()...{d.appendChild(d.firstChild)}
d.onmouseover
=function()...{clearInterval(t)}
d.onmouseout
=function()...{t=setInterval(myfunc,1000)}
</script>
分享到:
评论

相关推荐

    走马灯效果代码js appendChild实现的无缝滚动

    走马灯效果代码js appendChild实现的无缝滚动

    原生JavaScript实现的全特效微博发布面板效果实例源码.zip

    原生JavaScript实现的全特效微博发布面板效果实例源码是一段完美呈现了网页版新浪微博在发布状态时的效果,并且发布成功的状态还可以在发布面板中呈现,非常不错,本段代码适应于所有网页使用,有需要的朋友们可以...

    实现情人节动态爱心效果(附代码h5+css+js)

    &lt;!doctype html&gt; &lt;title&gt;3daixin body{ background:black; } .heart3d{ position:relative; width: 100px; height: 160px;... heart3d.appendChild(oDiv);//往它里面添加子元素 } &lt;/html&gt;

    详解javascript appendChild()的完整功能

    appendChild()常用功能。 平时我们用appendChild的时候,都是向父级上添加子元素 appendChild的另一个功能是,先把元素从原有父级上删掉,然后添加元素到新的父级。(移除再添加)。 代码说明 &lt;!DOCTYPE ...

    javascript appendChild,innerHTML,join性能比较代码

    代码如下:&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt; &lt;html xmlns=”http://www.w3.org/1999/xhtml” &gt; &lt;head&...

    由 element.appendChild(newNode) ,谈开去

    element.appendChild(newNode) 方法中,如果 newNode本身是Dom中的一个节点.... 利用这个特点,我们可以用极少量的代码实现另类的文字无缝滚动. *{border:1px solid green} a{display:block;font-size:15px}; 1,你可

    js原生appendChild的bug解决心得分享.docx

    js原生appendChild的bug解决心得分享.docx

    js利用appendChild对&lt;li&gt;标签进行排序的实现方法

    下面小编就为大家带来一篇js利用appendChild对标签进行排序的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    UIWebView的使用代码

    UIWebView包含一个scrollView组件,用来将关联web内容实现滚动效果,页面滚动后的UIWebView的面板周围会出现阴影效果,该效果是在四周添加UIImageView实现的,因此移除这种阴影效果的代码如下: ? 1 2 3 4 5 ...

    HTML 5 超级玛丽小游戏源代码

    绝对不可错过的HTML5 最新技术,本人多年的WEB 开发,现提供HTML 5超级玛丽小游戏的 开发 ,代码里有很详细的注释。愿以大家分享,绝对不会让每位爱好者失望。物有所值,所以别怪分数高。 // 创建canvas,并初始化 ...

    php xml文件操作实现代码(二)

    复制代码 代码如下:&lt;?php //创建一个新的DOM文档 $dom = new DomDocument(); //在根节点创建departs标签 $departs = $dom-&gt;createElement(‘departs’); $dom-&gt;appendChild($departs); //在departs标签下创建...

    实现div内部滚动条滚动到底部和顶部的代码

    实例如下所示: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type=text/css&gt; .scrolldiv{ width: 500px; height: 400px; margin: 10px auto;...br

    如何在框架(frame)页面之间使用appendChild()?

    NULL 博文链接:https://penghuaiyi.iteye.com/blog/579357

    Thrift代码解析/生成器ScroogeTwitter.zip

    这就意味着,它能够取代 Apache Thrift 代码生成器,并能在 libthrift 上生成符合标准的可兼容的二进制编解码。 建议使用Scala语法生成代码。 因为 Scala 与 Java 的API 兼容,所以你能够使用 apache thrift ...

    JavaScript实现的3D旋转魔方动画效果实例代码

    这是2016年JS1k上传的作品,用几十行代码实现的一个3D旋转魔方: 代码如下: function z(t, e) { return t? e? t.appendChild(e) : width:+t+px;height:+t+ px;position:absolute; : document.createElement(div)...

    初学js插入节点appendChild insertBefore使用方法

    首先 从定义来理解 这两个方法: appendChild() 方法:可向节点的子节点列表的末尾添加新的子节点。语法:appendChild(newchild) insertBefore() 方法:可在已有的子节点前插入一个新的子节点。语法 :insertBefore...

    JS中appendChild追加子节点无效的解决方法

    主要给大家介绍了关于JS中appendChild追加子节点无效的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习

    javascript使用appendChild追加节点实例

    本文实例讲述了javascript使用appendChild追加节点的方法。分享给大家供大家参考。具体分析如下: DOM树节点的增加,实例代码如下: 代码如下:&lt;html&gt; &lt;head&gt; [removed] function t(){  var nodep = ...

    javascript实现的动态添加表单元素input,button等(appendChild)

    写一个小系统时,需要动态添加表单元素,按自己的实现方法写了这篇教程! 我想各位在很多网站上都看到过类似的效果! 1、先用document.createElement方法创建一个input元素! var newInput = document.createElement(...

Global site tag (gtag.js) - Google Analytics