为Typecho博客网站评论框配置炫酷的打字效果跳动的彩球

news/2024/5/20 15:30:32/文章来源:https://blog.csdn.net/qq_33891573/article/details/100762793

缘起

 我的个人主页,这次文章提到的的效果,也可以在个人主页的评论区查看效果

 搭建这个博客虽然经历了很多坎坷,但还是挺兴奋了,用了点时间去美化他.逛了很多前辈的博客,在给他评论的时候看到他的评论框打字的时候竟然彩色的小球从文字上跳出来,删除的时候也有,主要是动画还比较流畅,具体效果可以从文章下面的评论框里体验下
ヾ(≧O≦)〃嗷~

要是图片挂掉了,直接在下方评论就可以看到效果哦~

实现

 这个特效的实现还是很简单的,本来是需要很多的代码,后来某大神集成到了一起,现在只需要将一串代码,放在主题文件footer.php(Handsome主题这个文件在根目录/usr/themes/handsome/component/footer.php)的</body>前面,</html>后面就可以了

</body>
<!--评论框跳动的彩球,js链接 -->
<script type="text/javascript" src="https://cnfox.oss-cn-beijing.aliyuncs.com/icnfox/js/commentTyping.js"></script>
</html><!--html end-->

 本方法只在Typecho博客上测试过,其他博客大同小异自己可以研究下,也可以下载js文件放到服务器合适的位置,然后引入js文件就可以了.不会的可以在评论区留言,我看到就回复你.

本人个人网站: https://www.icnfox.cn 欢迎来访
有任何问题可以在个人网站的评论区留言,看到就会第一时间回复 啾咪ヾ(≧▽≦*)o

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_859904.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

读书札记:ASP.NET网站管理工具-遇到错误。请返回上一页并重试

在配置好了Web.config&#xff0c;打开项目→ASP.NET配置出现下面的错误。使用ASP.NET网站管理工具总是出现“遇到错误。请返回上一页并重试。” 我把这个项目放在其他的机子上使用此工具都是正常的&#xff0c;我觉得问题出在了路径的上&#xff0c;文件夹名字太长了&#xff…

编程经验:关于如何在自己的网站或博客添加CNZZ站长统计功能

关于如何在自己的网站或博客添加CNZZ站长统计功能 1、 注册帐号 http://new.cnzz.com/user/reg.php 这里需要邮箱作为用户名哟&#xff0c;请先注册好邮箱&#xff08;任何邮箱都行&#xff09; 2、 注册完&#xff0c;添加下属站点 http://new.cnzz.com/v1/main.php?ssite…

20+个最棒的 CSS 在线参考网站

20个最棒的 CSS 在线参考网站 时间 2015-06-19 10:20:59 Coder资源网 原文 http://info.9iphp.com/20-css-reference-websites/ 主题 CSS 如果你是一个WEB开发人员&#xff0c;你不可能记得所有的CSS属性和值&#xff0c;这时&#xff0c;CSS参考手册将是非常有帮助的。这篇…

网站可访问性

1、什么是可访问性&#xff1f; 可访问性是一种让尽可能多的用户可以使用你的网站的做法。传统上我们认为这只与残疾人士有关&#xff0c;但是从更广的意义上来讲&#xff0c;对于移动端用户、低网速用户、键盘使用者等都适用。 无障碍指南和法律 万维网联盟&#xff1a;万维…

如何通过GZIP来优化你的网站

如果你想节省带宽提高网站速度&#xff0c;压缩是一种简单有效的方法。当我打算提高JavaScript的传输速率来开启GZIP压缩的时候&#xff0c;我犹豫了因为有旧版本浏览器的存在&#xff08;IE6&#xff09;。 然而在二十一世纪&#xff0c;我们大部分的流量来自于现代浏览器&am…

网站TDK标题的正确写法

什么是TDK&#xff1f; T&#xff1a;title D&#xff1a;meta-description K&#xff1a;meta-keywords TDK的重要性 TDK占比40%的排名得分&#xff0c;没有关键词&#xff0c;网站几乎不会有排名。 书写格式 (1) 标题title&#xff1a; 字数32个字左右格式&#xff1a;…

10个面向程序员的在线编程网站

在过去的几年里&#xff0c;在互联网上出现了许多为开发人员提供的在线编程网站&#xff08;Coding playgrounds&#xff09;。这不是一件坏事情&#xff0c;毕竟&#xff0c;如果一个编程网站的话&#xff0c;开发者们迟早会腻的。在这些网站上&#xff0c;你在网页上编写代码…

在ASP.NET网站中实现带列表的视频播放

在ASP.NET网站中实现带列表的视频播放 方法&#xff1a;用c#将视频文件上传到磁盘上时同时生产对应的xml文件&#xff0c;播放页面使用js读取对应的xml文件生成播放列表。xml文件&#xff1a;文件名&#xff1a;huojian.xml视频上传代码&#xff1a; using System; using Syst…

在ASP.NET网站中实现带列表的视频播放(2)

视频播放模块代码&#xff1a; < table cellspacing " 0 " cellpadding " 4 " width " 100% " border " 0 " > < tbody > < tr > < td style " vertical-align: top; width: 70% " > < obj…

如何消除网站安全的七大风险

以工作中某项目的安全改善过程为例&#xff0c;分享了常用网站安全性的典型问题和解决对策&#xff0c;希望对网站开发者有借鉴意义。 有过网站开发经验的朋友都知道网站安全是构建网站时必须要考虑的一个因素&#xff0c;网站安全的重点在于服务器的安全配置管理以及程序脚…

中脉周希俭解析反传销网站搭建的几种方式

中脉周希俭&#xff1a;搭建反传销网站我们可以用织梦CMS&#xff0c;WordPress&#xff0c;帝国CMS还有很多带后台的管理系统。 1&#xff0c;接下来用织梦系统搭建一个网站 搭建织梦网站下载一个系统 以首页为例&#xff1a; <!DOCTYPE html PUBLIC "-//W3C//DTD X…

SEO黑帽常见的几种作弊手法

黑帽SEO是指不正规的做法&#xff0c;以帮助网站在搜索引擎中获取更高的排名。通常&#xff0c;一个网站甚至都不知道自己网站正在受到黑帽SEO优化的困扰&#xff0c;并为此受到惩罚。 尽管黑帽子可以暂时帮助网站在搜索引擎中排名更高&#xff0c;但是搜索引擎最终会将其降级…

目前建站系统用的比较多的几个系统(几款值得推荐的建站系统)

现在有很多的人在建设网站的时候采用的都是cms系统&#xff0c;我国比较经常使用的是PageAdmin、DECMS、MetInfo、帝国系统等等不同的CMS系统使用的方向也是有所差异的&#xff0c;下面我们就来看下哪些建站系统会更加的好用一些。 一&#xff0c;MetInfo MetInfo这个系统是一…

淘淘商城12_门户网站的搭建

1.创建taotao-portal工程&#xff0c;跟taotao-manager-web类似 2.pom.xml <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation"http://maven.apache.org/POM/4.0.0 h…

大型网站技术架构(一)--大型网站架构演化(转)

看完了有一本书&#xff0c;就应该有所收获&#xff0c;有所总结&#xff0c;最近把《大型网站技术架构》一书给看完了&#xff0c;给人的印象实在深刻&#xff0c;再加上之前也搞过书本上讲的反向代理和负载均衡以及session独立存储和缓存&#xff0c;因此书本看起来还是挺通俗…

大型网站技术架构(四)--网站的高性能架构

网站性能是客观的指标&#xff0c;可以具体体现到响应时间、吞吐量、并发数、性能计数器等技术指标。 1、性能测试指标 1.1 响应时间 指应用执行一个操作需要的时间&#xff0c;指从发出请求到最后收到响应数据所需要的时间。如下列出了系统常用的操作响应时间表. 操作 响应…

大型网站技术架构(五)--网站高可用架构

网站的可用性&#xff08;Avaliability&#xff09;描述网站可有效访问的特性。 1、网站可用性的度量与考核 网站不可用时间&#xff08;故障时间&#xff09;故障修复时间点-故障发现&#xff08;报告&#xff09;时间点 网站年度不可用时间&#xff08;1-网站不可用时间/年度…

大型网站技术架构(六)--网站的伸缩性架构

网站系统的伸缩性架构最重要的技术手段就是使用服务器集群功能&#xff0c;通过不断地向集群中添加服务器来增强整个集群的处理能力。“伸”即网站的规模和服务器的规模总是在不断扩大。 1、网站架构的伸缩性设计 网站的伸缩性设计可以分成两类&#xff0c;一类是根据功能进行…

大型网站技术架构(七)--网站的可扩展性架构

扩展性是指对现有系统影响最小的情况下&#xff0c;系统功能可持续扩展或提升的能力。 设计网站可扩展架构的核心思想是模块化&#xff0c;并在此基础上&#xff0c;降低模块间的耦合性&#xff0c;提供模块的复用性。模块通过分布式部署&#xff0c;独立的模块部署在独立的服务…

大型网站技术架构(八)--网站的安全架构

从互联网诞生起&#xff0c;安全威胁就一直伴随着网站的发展&#xff0c;各种Web攻击和信息泄露也从未停止。常见的攻击手段有XSS攻击、SQL注入、CSRF、Session劫持等。 1、XSS攻击 XSS攻击即跨站点脚本攻击&#xff08;Cross Site Script&#xff09;&#xff0c;指黑客通过篡…