jquery
Remind_hh
这个作者很懒,什么都没留下…
展开
-
移动端图片左右滑动效果
在移动端的网站或者APP中,图片左右滑动很常见,用户的体验也非常不错。我只要使用JQuery来实现此效果。话不多说,直接上代码。1.html,css部分 html部分:<div> <ul > <li ><img src="image/change_img/3.jpeg" ></li> <li ><img src="image/change_img/4.jpe原创 2017-04-28 23:51:12 · 18400 阅读 · 2 评论 -
比较offsetX, pageX,clientX,screenX的区别
之前一直没有把offset,page,client和screen这几个属性弄得很清楚,今天花了点时间算是大体上了解了这几个属性的区别,所以把我了解到的写出来,也算是做个总结。首先我们来看看这几个属性的解释: 1.offsetX:鼠标相对于事件源元素的X坐标,只有IE事件有这2个属性,标准事件没有对应的属性 2.pageX: 鼠标指针的位置,相对于文档的左边缘 3.clientX:返回当事件被触原创 2017-04-14 13:52:54 · 774 阅读 · 2 评论 -
css js实现3D魔方转动
要实现类似3D转动效果主要使用到CSS3的一些特性。下面主要介绍一些transform中的属性的效果和作用: 1.transform-style:一般是块级元素使用此属性,使用了此属性后的块级元素会在保持3D效果,但是如果仅仅使用此属性是不会看出3D特效的,必须和其他的属性一起使用才能呈现出3D效果。2.perspective:perspective(x px)属性指定观察者与Z轴的距离,单位px原创 2017-04-14 14:26:55 · 3660 阅读 · 0 评论 -
JQuery实现移动9宫格图片自由切换移动
这篇文章主要介绍了通过JQuery实现移动9宫格的前端页面特效,用户可以自由选择任意2张图片,被选中的2张图片会自动交换位置。 实现方法:html和css在页面上静态地实现9宫格,用9张图片填充这9个格子,然后使用jquery动态实现图片自由切换移动。 实现思路:当鼠标点击其中任意一张图片时,我们利用jquery克隆此包含了此图片的div块并隐藏它。然后在鼠标移动事件中监听鼠标停止事件,当鼠标原创 2017-04-17 22:07:37 · 3177 阅读 · 0 评论 -
利用css使滚动条消失
在很多场景下我们都会遇到这种情况:父元素的宽度或者高度固定,但是子元素的宽度或者高度超出了父元素的容器。这时就出现了这样一种情况,如果想要看到全部的子元素,那么我们就要在父元素上设置overflow: scroll(auto);,这时虽然可以通过滚动来看到所有的内容,但是会出现滚动条,非常不美观。 最右边的是什么啊,严重影响美观啊,不能忍。既然overflow: scroll;会出现滚动条,那我们原创 2017-05-10 17:05:16 · 5539 阅读 · 0 评论