• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > 为博客添加“正在加载中”的过度特效的方法

为博客添加“正在加载中”的过度特效的方法

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含添加,正在加载中,过度特效等相关知识,佚名 希望在学习及工作中可以帮助到您
看到很多博客都有这个,想起自己博客也需要,于是就加了一个,方法是这样的:
首先看你博客有没有加载jQuery,如果没有,请在头部加上引用这段js的代码:
<script type=”text/javascript” src=”http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js”></script>
然后把如下代码加在模版文件中:
<script type=”text/javascript”>
$(document).ready(function() {
$(‘h2 a’).click(function(){
myloadoriginal = this.text;
$(this).text(‘正在给力加载中 …’);
var myload = this;
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011);
});
});
</script>
可以DIY的是,h2 a为选择代码,如果你的博客文章标题不是<h2>的。
除非注明,胡小易博客文章均为原创,转载请以链接形式标明本文地址

您可能想查找下面的文章:

  • css样式的动态添加及显示和隐藏等零碎用法
  • 图片上添加文字的两种常用方式
  • css添加一条属性能够绘制一个矩形框
  • CSS为指定的input文本框添加背景
  • CSS上下文选择符实现基于位置为HTML元素添加样式
  • css实现div自动添加滚动条(图片或文字等超出时显示)
  • 为博客添加“正在加载中”的过度特效的方法
  • 再谈动态添加样式规则的方法

相关文章

  • 2017-08-06深入解析CSS中z-index属性对层叠顺序的处理
  • 2017-08-06CSS3 box-sizing属性详解
  • 2017-08-06ie6布局网页padding值加倍的解决方法
  • 2017-08-06css 让文字不被选中之-moz-user-select 属性介绍
  • 2017-08-06CSS 鼠标选中文字后改变背景色的实现代码
  • 2017-08-06Firefox中A元素包含Select时点击Select不能选择option bug
  • 2017-08-06网页设计技巧:网站的首页设计对于能观众的影响
  • 2017-08-06css3教程之倾斜页面
  • 2017-08-06CSS list-style-type属性使用方法
  • 2017-08-06css清除浮动clearfix:after的用法详解(附完整代码)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • div+css设置div的背景为半透明的方法
    • 让IE6、IE7、IE8支持CSS3的脚本
    • 深入理解css中position属性及z-index属性(推荐)
    • 一款利用纯css3实现的超炫3D表单的实例教程
    • CSS3 制作绽放的莲花采用效果叠加实现
    • 详解CSS3中@media的实际使用
    • 去掉checkbox边框的方法(css)
    • 探究CSS边框特效实现技巧
    • 图片上添加文字的两种常用方式
    • IE兼容性问题的快速解决方法_ajax请求不发送到后台

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有