网站首页 > 教程文章 正文
有些网站的为了节省成本,采用的是空间,没有租服务器,那么不论是平时访问速度还是流量大时,点击半天,都还没有打开,为了提高用户体验,建议添加“正在加载中”的提示。
方法如下:
1、在<head></head>之间添加:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() { $('h1 a,h2 a').click(function(){ myloadoriginal = this.text; $(this).text('正在加载中,请稍待 …'); var myload = this;
setTimeout(function() { $(myload).text(myloadoriginal); }, 10); });}); </script>
2、备注
1)jquery.min.js下载地址(链接: http://pan.baidu.com/s/1skSGVX7 密码: vurr),根据自己目录,添加到对应该及修改以上路径。
2)、其中“h1 a”“h2 a”是文章标题的标签选择器,可根据实妹情况进行修改,如改为“a”,则所有的链接都会添加提示效果,而后面数字10是这一特效显示的时间(毫秒),可根据时间情况酌情修改。
看到朋友圈,我的某V友去参加“陈晓、陈妍希”的婚礼,牛人啊!
来源:朱海涛自媒体(微信/QQ号:81433982,公众号zhuhaitao51,项目分享公众演说QQ群:483031711)
猜你喜欢
- 2024-12-01 程序员-私活:修改网页元素,网页自动化处理
- 2024-12-01 6种移动端 1px 解决方案「干货」
- 2024-12-01 Web开发小技巧放送 - 如何使用包含运算符进行过滤
- 2024-12-01 JQuery实现页面点击产生文字和爱心效果
- 2024-12-01 文字来找茬(文本对比工具)
- 2024-12-01 第八十六天-背包问题,MarkDown, technical writing
- 2024-12-01 加速 Selenium 测试执行最佳实践
- 2024-12-01 用原生 JavaScript 实现十大 jQuery 函数
- 2024-12-01 12条专业的js规则
- 2024-12-01 Javascript应用-js事件的on与bind
- 最近发表
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- md5 sha1 (32)
- mybatis plus page (35)
- semaphore 使用详解 (32)
- update from 语句 (32)
- vue @scroll (38)
- 堆栈区别 (33)
- 在线子域名爆破 (32)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)