2015 年 4月随笔档案 - Bigdots

摘要：大幅广告的展开与收起：展开与收起效果正文View Code商品信息展示的展开与收起展开与收起效果展开与收起效果展开与收起效果展开与收起效果展开与收起效果展开与收起效果 ... 阅读全文

posted @ 2015-04-29 14:06 Bigdots 阅读(937) 评论(1) 推荐(0) 编辑

摘要：js:查找父节点：parentNode查找子节点:childNode firstNode lastNode查找兄弟节点:nextSibling previousSiblingjQuery:查找父元素： parent();返回被选元素的直接父元素 paren... 阅读全文

posted @ 2015-04-29 14:01 Bigdots 阅读(167) 评论(0) 推荐(0) 编辑

jQuery中的尺寸及位置的取和设

摘要：1、offset();获取位置值：$(selector).offset().left;$(selector).offset().top;设置位置值：$(selector).offset({top：100；left:100});2、height();获取元素的高度值：$("selector").hei... 阅读全文

posted @ 2015-04-28 22:38 Bigdots 阅读(607) 评论(0) 推荐(0) 编辑

弹出框的鼠标拖拽事件

摘要：几个与定位有关的概念：js:clientX/clientY属性：获得事件发生时鼠标指针在视口中的水平和垂直坐标。screenX/screenY属性：获取鼠标事件发生时鼠标光标相对于整个电脑屏幕的坐标信息。pageX/pageY属性：可以获得鼠标事件发生时鼠标光标相对于整个文档元素的坐标位置（包含滚动... 阅读全文

posted @ 2015-04-27 14:41 Bigdots 阅读(3169) 评论(0) 推荐(0) 编辑

利用jQuery的淡入淡出实现轮播器

摘要：基本原理：将所有图片绝对定位在同一位置，透明度设为0，然后通过jQuery的淡入淡出实现图片的切换效果；但我在使用fadeIn淡入时却无效果，最后只能使用fadeTo实现，求大神指教HTML：一个轮播 ... 阅读全文

posted @ 2015-04-26 15:36 Bigdots 阅读(636) 评论(0) 推荐(0) 编辑

js实现图片轮播

摘要：html:轮播图 &gt &lt *{ margin:0; padding:0;}#buttons... 阅读全文

posted @ 2015-04-25 14:51 Bigdots 阅读(288) 评论(0) 推荐(0) 编辑

瀑布流

摘要：学习了某大神的瀑布流布局：基本原理：（下图出自残手，请见谅它的不完美）黑框：document蓝色框：container容器红色框：浏览器可视区域黄线：A..offsetTop+Math.floor(A.offsetHeight/2)绿线：document.documentElement.scroll... 阅读全文

posted @ 2015-04-24 12:29 Bigdots 阅读(414) 评论(0) 推荐(0) 编辑

Ajax的实现

摘要：一、JavaScript的ajax//Ajax var xhr; if(window.XMLHttpRequest){ //除IE外的浏览器 xhr = new XMLHttpRequest() }else{ xhr = new ActiveXObject("Microsof... 阅读全文

posted @ 2015-04-23 19:18 Bigdots 阅读(190) 评论(0) 推荐(0) 编辑

Ajax基本知识

摘要：1.创建xhr对象1 var xmlhttp;2 if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari3 xmlhttp=new XMLHttpRequest();4 }5 else{// code... 阅读全文

posted @ 2015-04-22 16:00 Bigdots 阅读(161) 评论(0) 推荐(0) 编辑

jQuery中的效果函数方法整理

摘要：注：以下所有的speed 参数可选，规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。以下所有的callback 参数可选，是效果完成后所执行的函数名称。1.隐藏和显示方法。 $(selector).show(speed,callback) $(selector).hide(s... 阅读全文

posted @ 2015-04-22 12:54 Bigdots 阅读(182) 评论(0) 推荐(0) 编辑

absolute绝对定位可以实现相对定位

摘要：没有设置定位值的absolute元素是个普通又不普通的元素，普通之处在于其依旧在DOM tree中，对margin等属性敏感；不普通在于其实际的高宽都丢失了。这非常类似于浮动(float)，浮动的本质就是“包裹与破坏”，破坏高度，浮动元素的实际占据高度为0；而absolute元素（无定位值）也是“包... 阅读全文

posted @ 2015-04-21 19:59 Bigdots 阅读(288) 评论(0) 推荐(0) 编辑

bootstrap第一天,响应式布局，栅格系统运用

摘要：HelloWorld --> Toggle navigation ... 阅读全文

posted @ 2015-04-21 17:00 Bigdots 阅读(297) 评论(0) 推荐(0) 编辑

照着别人的demo自己试着做了个放大镜效果

摘要：原理：A:放大镜 B：小图片C：大图片可视区域D：大图片鼠标的位置应该在放大镜的中央，所以鼠标位置为：clientX=A.offsetLeft()+B.offsetLeft+1/2*A.offsetWidth; clientY=A.offsetTop()... 阅读全文

posted @ 2015-04-21 12:32 Bigdots 阅读(298) 评论(0) 推荐(0) 编辑

登陆框跳出的遮罩层效果实现

摘要：通过元素节点的创建、删除等操作实现的弹出框遮罩层效果阅读全文

posted @ 2015-04-08 20:29 Bigdots 阅读(277) 评论(0) 推荐(0) 编辑