jQuery+CSS3渐变色的下划线特效

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，需引入页面的CSS样式文件，代码如下：

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分，需设置好两种标题的文字内容，代码如下：

<h1 class="heading">秘密——<span class="underline--magical">吸引力法则</span></h1>
<h2 class="subheading">这个秘密可以让你得到你想要的一切，包括<span class="underline--magical">健康、快乐、财富</span>。你能拥有一切，达到你的目标，变成你想成为的人。我们可以拥有一切我们想拥有的东西，无论什么都能得到。</h2>

页面的底部，需引入一个JS文件用来控制下划线的显示效果，代码如下：

<script type="text/javascript" src="js/index.js"></script>