文字跳动特效表白网页

云烟 • 2024年 5月 8日下午6:55 • 未分类 • 阅读 89

欢迎大家来到IT世界,在知识的湖畔探索吧!

效果图如下：

以下为部分代码，由于太长就不全部贴出来了，需要完整源码点击链接获取，邀请码填写：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=”text.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=”http://www.hunlipic.com/love/you/img/yinyue.mp3″ type=”audio/mpeg”/></audio>
</body>
</html>

免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://itzsg.com/49889.html