特效动感文字：文字跳动特效表白网页
特效动感文字：文字跳动特效表白网页
效果图如下：
以下为部分代码，由于太长就不全部贴出来了，需要完整源码点击链接获取，邀请码填写：11
[html] view plain copy
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <link rel="stylesheet" type="text/css" href="main.css"/>
- <title>炫酷文字跳动漂浮</title>
- <script type="text/javascript">
- function stops(){
- return false;
- }
- document.oncontextmenu=stops;
- </script>
- </head>
- <body>
- <article>
- <p class="text" id="text">当你需要我的时候，我都会在这里；
- 当你有麻烦的时候，我都会在你身边；当你觉得孤独的时候；
- 当你认为所有的人都已绝望；
- 到我这里来，我会给你所有的爱。
- 可能遇见你，对我来说是最大的幸福。
- 有了你，我的生涯变的无穷广阔，有了你，世界变得如斯迷人。
- 你是世界，世界是你。
- 我乐意用本人的心，好好的陪着你，爱着你。
- 陪你到你想去的处所，居心走完咱们人生的余下的旅程。
- 在将来的日子里，兴许什么都无奈断定，但独一能够肯定的是，我爱的人是你，无论当初仍是未来，我想我这里都会是你最暖和的港湾，都是为你遮风避雨的城墙。
- 你悄悄为我做的一切，天地知晓，我知晓！为这悄悄柔柔的温情，在滚滚红尘，我不怕红颜老褪，总在期待中度过慢慢长夜，可不后悔。
- 让我陪着你，上天送厚礼，没有华丽的言语，表达真挚的情谊，只有一颗心，永恒为你跳起，那是我真实的感受，无论白天黑夜时刻牵挂着你
- 我爱你。 </p>
- <button id="btn" ele-range>我也爱你</button>
- </article>
- <script src="https://img.aigexing.comtext.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript">
- var resetbtn = document.getElementById("btn");
- var neontext = new Neontext("text");
- var btn = new Neontext("btn");
- neontext.render.run();
- btn.render.run();
- resetbtn.addEventListener("click" function(){
- neontext.render.killer();
- btn.render.killer();
- })
- </script>
- <audio autoplay="autoplay"><source src="https://img.aigexing.comhttp://www.hunlipic.com/love/you/img/yinyue.mp3" type="audio/mpeg"/></audio>
- </body>
- </html>
