当前位置:主页 > jquery插件 > UI >

jQuery遮罩插件-判断鼠标移入移出方向

栏目分类:UI   模板编号:JQ00095    发布日期:2018-05-31   来源:www.zybox.cc   浏览次数:次     在线预览
jQuery鼠标移入移出判断方向,代码简介易懂

引入js

<script src="js/jquery-1.10.2.js"></script>
<script src="js/mouseMoving.js"></script>

html-demo结构

<div class="case">
		<ul>
				<div class="grid-content">
					<img src="img/a5.png" alt="">
					<div class="grid-shade">
						<div class="grid-enter">
							<a href="">information</a>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="grid-content">
					<img src="img/a6.png" alt="">
					<div class="grid-shade">
						<div class="grid-enter">
							<a href="">information</a>
						</div>
					</div>
				</div>
			</li>
		</ul>
	</div>

js代码段

<script>
	/**
	 *  $('.grid-content') 该元素为内容的父元素
	 *  '.grid-shade'  	   该元素为鼠标移入移出的遮罩层
	 */ 
	$('.grid-content').mouseMove('.grid-shade')
</script>


在线演示 立即下载
打赏本站
云盘密码:nwsq
相关下载
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载