摘要：
HTML代码：div.box>div#left+div#buttom+div#rightdiv#left>imgdiv#buttom>div.small>imgCSS代码： .box{ position: relative; } #le... 阅读全文
摘要：
HTML代码：div.box>span+divCSS代码：box相对定位，span在box内绝对定位，div绝对定位超出其自身宽.box{ width:350px; height:350px; background: url(imag... 阅读全文
摘要：
拖拽的关键在于事件源及坐标位网页中的基本拖拽：1.设定是否激活拖拽的标识flag;2.当拖拽点按下时，在window范围内的移动；3.拖拽区域不能超过窗口，加判断HTML: body>divCSS代码： JQ代码：指定在有效范围内的拖拽： 1.拖拽的三个事件，拖拽点鼠标按下，移动范围内的鼠... 阅读全文
摘要：
关键在于层级关系HTML代码：div.box>ul+ol+span*2(ul层级1，ol层级2，span层级3)ul>li*5>img（注意可以将首个li的z-index定为10）ol>li*5CSS代码： .box{ width:992px; ... 阅读全文
摘要：
关键将提示回到顶部的盒子固定定位在页面右下角，隐藏状态，当滚动坐标值大于了首屏高度后显示html代码： ... 阅读全文
摘要：
关键在于动态获取滚动坐标值测试滚动事件$(window).scroll(function(){ console.log($(window).scrolltop());})获取三个高度：窗口高度，盒子高度以及滚动坐标值，将广告盒子设置为绝对定位，当鼠标滚动时，其top值为滚动坐标值+窗口高度/2-盒... 阅读全文
摘要：
模态框的关键在于盒子定位，一个盒子遮住网页部分，此盒子绝对定位，宽高100%,实际高度为document高度；一个盒子为实际弹出框，固定定位在屏幕中央。html代码： 弹框 ... 阅读全文
摘要：
关键在于设定开关标识，父盒子固定定位，按钮盒子绝对定位超出父盒子部分html代码： CSS代码： div{ width:131px; height:311px; ... 阅读全文