Web前端开发
liuyi1207164339
这个作者很懒,什么都没留下…
展开
-
当鼠标进入li标签,给标签中的img元素加缩放效果
最近在做h5开发的时候有一个要求:当鼠标进入li标签的时候,需要给li标签中的img元素加缩放效果!请注意,不是给li标签本身添加缩放效果!我们都知道直接给img加缩放效果是十分简单的,代码如下:/**鼠标放上,图片变大*/#nav_group li img:hover { transform-origin: center center; transform: sca原创 2016-01-23 21:55:57 · 4223 阅读 · 0 评论 -
关于对img标签进行放大但是不超出外框的实现
最近在搞h5开发的时候遇到一个问题:在导航栏的li标签里面放置了一张img,img浮动于li标签的左边,img高度为li标签的高度,宽度为auto。现在要实现一个效果:当鼠标放在img上面的时候,img进行放大,且不能超过li标签边界!实现放大这个好说:img class="animate" src="img/cdr_z.png">首先是一个过渡效果^_^!原创 2016-01-23 14:57:21 · 9570 阅读 · 0 评论 -
jQuery之mouseover与mouseenter以及mouseout与mouseleave的区别
当鼠标指针位于元素上方时,会发生 mouseover 事件,该事件大多数时候会与 mouseout 事件一起使用。mouseover() 方法触发 mouseover 事件,或规定当发生 mouseover 事件时运行的函数。与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,原创 2016-01-23 22:13:41 · 814 阅读 · 0 评论