摘要:1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head> 6 <meta http-equiv="Content-Type" content="text/htm 阅读全文
css bug
2012-09-06 09:23 by 江苏黑马, 131 阅读, 0 推荐, 收藏, 编辑
摘要:a嵌套bug ie6a里面嵌套一个设置为display:inline;zoom:1;的元素,则ie6下a的小手会消失。解决办法:在嵌套元素上加:cursor:pointer;a里面嵌套一个元素,当设置a{text-decoration:none};在ie6下还是有下划线。解决办法:加上a:hover{text-decoration:none;}而不是在a上加。 阅读全文
jquery1.8.1源码解读
2012-09-03 11:55 by 江苏黑马, 150 阅读, 0 推荐, 收藏, 编辑
摘要:window作为参数传递。(1)不需要将作用域链回退到顶层作用域,这样可以更快的访问window。(2)可以在压缩代码时进行优化。如:window可以压缩为一个字节的a。参数列表中增加undefined。除了火狐,在其它浏览器中undefined都能够被重写,赋予新的值。 阅读全文
尺寸获取大全
2012-08-01 17:27 by 江苏黑马, 727 阅读, 0 推荐, 收藏, 编辑
摘要:event(ie:window.event;ff:function(e){};兼容方法:function(e){e=e?e:window.event;})(1)当事件被触发时,鼠标指针相对于窗口文档显示区坐标 event.clientX、event.clientY (2)当事件被触发时,鼠标指针相对于屏幕坐标 event.screenX、event.screenY window(1)窗口文档显示区宽高(包括滚动条) window.innerWidth、window.innerHeight document.documentElement.clientWidth、document.d... 阅读全文
自定义css reset
2012-07-25 11:05 by 江苏黑马, 1436 阅读, 2 推荐, 收藏, 编辑
摘要:不要盲目相信主流说法,*{margin:0;padding:0}或reset.css使用的margin和padding重置方法。大多数reset.css中的代码都是不需要的,让我们来试验下。body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}body) ff:ie:gg: 可见body的margin:0;是需要的,而padding:0;是不需要的。div) ff:ie:gg: 可见di... 阅读全文
Border-color使用
2012-07-23 14:26 by 江苏黑马, 290 阅读, 0 推荐, 收藏, 编辑
摘要:相关属性:border-top-color, border-right-color, border-bottom-color , border-left-color。目前 border-color属性支持的浏览器很少,仅有Firefox支持,所以想实现多边框的效果我们只需使用-moz前缀就可以了。如果你设置了border的宽度是X px,那么你就可以在这个border上使用X种颜色,每种颜色显示1px的宽度。如果说你的border的宽度是10个像素,但是只声明了5或6种颜色,那么最后一个颜色将被添加到剩下的宽度。效果图:代码: 1 <!DOCTYPE HTML> 2 <htm 阅读全文
侧边栏和顶部滚动位置固定
2012-07-17 19:06 by 江苏黑马, 3016 阅读, 1 推荐, 收藏, 编辑
摘要:侧边栏:图解:原理:当视窗Y滚动值大于侧边栏视窗Y偏移值时,设置侧边栏上偏移为前者与后者的差值。反之,设置侧边栏上偏移为初始值,此处为0。代码:var $sideBar = $("#sideBar"), $window = $(window), oTop = $sideBar.offset().top, barStyle = $sideBar[0].style, sTop; $window.scroll(function() { sTop = $window.scrollTop(); sT... 阅读全文
启用测试机
2012-07-17 09:58 by 江苏黑马, 173 阅读, 0 推荐, 收藏, 编辑
摘要:例子:cd /home/Projects/dyndns/src/main/python/python manage.py runserver 0.0.0.0:8000 阅读全文
容器的垂直居中
2012-07-16 09:29 by 江苏黑马, 207 阅读, 0 推荐, 收藏, 编辑
摘要:效果:原理:利用“绝对定位50%”和“负边距”代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 6 <title>index</title> 7 <style> 8 div#big { 9 position: relative;10 height: 300px;11 width: 300px;12 background-color: #ccc13 }14 div#small {1... 阅读全文
图片幻灯展示源码
2012-07-13 09:14 by 江苏黑马, 478 阅读, 1 推荐, 收藏, 编辑
摘要:1 //图片幻灯展示 2 $(function() { 3 var imgPro = { 4 imgWidth : 626, //图片宽度 5 imgConLength : 0, //图片总长度 6 index : 0, //导航锁定索引 7 count : 0, //图片数量 8 left : 0, //绝对定位left ... 阅读全文