一款jQuery+CSS3渐变色的下划线特效,鼠标悬停在有下划线的文字上时,下划线会变成文字背景色填充,另外,每次刷新页面的时,下划线的渐变色都会随机变化,适用于文章段落的下划线标注。
页面的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>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791