Jquery感知鼠标移动方向悬停图片遮罩显示特效代码下载


Jquery感知鼠标移动方向悬停图片遮罩显示特效代码下载
Jquery感知鼠标移动方向悬停图片遮罩显示特效代码下载以及感知鼠标移动、方向悬停、图片遮罩显示等js/jquery网页特效代码下载。

1. 引入JS

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.sliphover.min.js"></script>

2. HTML代码

<div style="height:40px;"></div>
<div class="slip" id="hover">
	<ul>
        <li>
            <a href="https://www.51qianduan.com/">51前端</a>
        </li>
        <li>
            <a href="https://www.51qianduan.com/">51前端</a>
        </li>
        <li>
            <a href="https://www.51qianduan.com/">51前端</a>
        </li>
        <li>
            <a href="https://www.51qianduan.com/">51前端</a>
        </li>
    </ul>
</div>
<script type="text/javascript">
$(document).ready(function(e) {
    $('#hover').sliphover({
		backgroundColor:'rgba(208,0,14,0.7)'
	});
});
</script>

相关推荐

发表评论

相关文章