随笔分类 -  jQuery

浏览器同源政策及其规避方法
摘要：参考：http://www.cnblogs.com/digdeep/p/4170059.html http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html https://blog.csdn.net/letterTiger/arti 阅读全文
posted @ 2018-05-23 14:50 freeah
单击文字或图片内容放大，弹出框居中显示
摘要：我们想要实现的效果是： 点击一张小图，会在页面的居中位置显示一张大图。 使用了animate动画函数，有从小图到大图，从小图位置到居中位置的轨迹。 支持IE7及以上浏览器，火狐、谷歌浏览器。 大图得居中位置，我主要使用了如下代码： 这里面加上了滚动条的宽度和高度，这样可以在有滚动条的情况下也是居中显 阅读全文
posted @ 2017-06-23 15:27 freeah 阅读(1480) 评论(0) 推荐(0)
js和jQuery获取各种屏幕或文档的高度和宽度
摘要：1、jQuery获取文档或屏幕的高度 2、js获取文档或屏幕的高度 阅读全文
posted @ 2017-06-23 15:06 freeah 阅读(862) 评论(0) 推荐(0)
jQuery中$.each()方法的使用
摘要：$.each()是对数组，json和dom结构等的遍历，说一下他的使用方法吧。 1、遍历一维数组 输出的结果为： 2、遍历二维数组 输出的结果为： 此时可以对输出的一维数组进行遍历 输出的结果为： 3、处理json 输出的结果为： 4、当二位数组中有json对象时 5、处理dom元素 以上就是$.e 阅读全文
posted @ 2017-06-23 14:45 freeah 阅读(244009) 评论(4) 推荐(17)
e.pageX、e.clientX、e.screenX、e.offsetX的区别以及元素的一些CSS属性
摘要：e.pageX，e.pageY：返回的值是相对于文档的定位，文档的左上角为(0,0)，向右为正，向下为正，IE不支持；e.clientX，e.clientY：返回的值是相对于屏幕可见区域的坐标，如果页面有滚动条，呗滚动条隐藏的那部分不进行计算，也可以说是相对于屏幕的坐标，但是不计算上方的工具栏；e. 阅读全文
posted @ 2017-06-16 10:44 freeah 阅读(7477) 评论(1) 推荐(0)
图片的放大镜效果
摘要：昨天看一篇博文的时候，说到了这个效果，于是自己想试着写一个，没有使用插件， 基本的想法就是，左边是小图，右边对应大图，鼠标进去小图范围之后，获取他的坐标（x,y）然后计算 x/小图的宽度*大图得宽度/2 y/小图的高度*大图得高度/2 计算出来的两个结果即为大图得左右偏移距离 /2是为了让右边区域不 阅读全文
posted @ 2017-06-15 14:24 freeah 阅读(393) 评论(0) 推荐(0)
点击超链接，将页面中某个数据传到另一个页面
摘要：另一个页面获取数据text2.html 注：使用cookie保存数据，读取数据时，使用了cookie的插件设置cookie，必须加上，可以在网站上下 读取url携带的数据时，还有另外一种方法 其他参数获取介绍： //设置或获取对象指定的文件名或路径。 1 alert(window.location. 阅读全文
posted @ 2017-05-13 11:16 freeah 阅读(3273) 评论(0) 推荐(0)
淘宝购物车的交互效果
摘要：最近看了一个介绍说天猫的前台页面的布局与交互效果，看到购物车这块，自己也练练手，页面布局是借鉴过来的，只要是交互这块，如果有问题请指出。 购物车，我们要实现的效果有： 1、选中的商品和未选中的商品有背景颜色的标识； 2、数量增加或减少时，商品的金额会发生变化，商品的总金额会相应变化； 3、确定已选商 阅读全文
posted @ 2017-04-28 14:01 freeah 阅读(1139) 评论(0) 推荐(0)
跨浏览器阻止事件冒泡
摘要：function stopEvent(event){ //阻止冒泡事件 //取消事件冒泡 var e=arguments.callee.caller.arguments[0]||event; //若省略此句，下面的e改为event，IE运行可以，但是其他浏览器就不兼容 if (e && e.stopPropagatio... 阅读全文
posted @ 2017-04-24 17:15 freeah 阅读(193) 评论(0) 推荐(0)