Html
    Css
    Js
* {
	margin:0;
	padding:0;
}
.oDiv {
	margin:10px auto;
	width:400px;
	height:280px;
	border:3px solid #9D9E9B;
	margin-top:100px;
}
a {
	display:inline-block;
	width:100px;
	height:130px;
	border:1px solid #ddd;
	border-radius:3px;
	float:left;
	text-align:center;
	margin-left:25px;
	margin-top:8px;
	font-size:24px;
	position:relative;
	text-decoration:none;
}
a i {
	position:absolute;
	top:0px;
	left:0px;
	opacity:1;
}
p {
	position:absolute;
	top:100px;
	left:25px;
}

↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.4
 立即下载

图标跳动代码(悬浮上移)

具体代码 可以参考题目里面设置的,具体我就不解释了,你可以看看ody和css都是简单的代码,只需要其实这不是jq的代码,简单的原生js实现滚动效果,可以加深你对js的理解能力,实现一些简单的操作,当然你也可以将这些js代码,转化为jq来实现对jq库的熟悉

0