2012年12月_hdchangchang

转载 link和@import的区别

转自：http://www.cnblogs.com/zbo/archive/2010/11/17/1879590.html页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。两者都是外部引用CSS的方式，但是存在一定的区别：区别1：link是XHTML标签，除了加载CSS

2012-12-31 08:16:11 503

原创 jquery 图片切换控制scrollleft

jquery 练习金光丽园 A-c 全明户型仅108万超级便宜 - 金光丽园 - 青岛崂山区 - 城市房产* { padding:0px; margin:0px}li { float:left; list-style:none; width:300px; height:225px; text-align:

2012-12-28 20:52:44 1183

转载各个浏览器中鼠标位置的属性 offsetX layerX PageX clientX （自由拖动框，防止文字选中）

参考：http://blog.csdn.net/crazy_fire/article/details/7721587http://www.funnyhao.com/pagex-clientx-offsetx-layerx-of-those-things/1.offsetX和layerXoffsetX:IE特有,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为

2012-12-27 15:10:49 9815

转载返回顶部 js

返回顶部：1.可以在网页添加锚链接2.利用js 可以实现动画效果 goTop * {margin:0;padding:0;} #goTop {position:fixed;right:20px;bottom:40px;width:40px;height:32px;padding:8px 0 0;background-color:#666;border-radius:6

2012-12-19 11:04:22 606

转载 ie6 下fixed 定位 --js

绝对定位下面是蓝色上高手用js写的：http://bbs.blueidea.com/thread-2979799-1-1.htmlUntitled Document html,body{ padding:0; margin:0; } 我在随平滚我静止不动 function scroll(p){ var d = docu

2012-12-19 10:54:19 787

转载 js 取得数组中的最大值和最小值（含多维数组）

转自：http://www.dewen.org/q/433方法一：var a=[1,2,3,5];alert(Math.max.apply(null, a));//最大值alert(Math.min.apply(null, a));//最小值多维数组可以这么修改：var a=[1,2,3,[5,6],[1,4,8]];var ta=a.join(",").spli

2012-12-18 20:49:35 10295

转载简单瀑布流-jquery实现

分享一个简单的瀑布流蓝色理想上看到的：http://bbs.blueidea.com/thread-3063753-1-1.htmlJquery瀑布流布局（每行代码都有详细注释）-作者：刘晓帆body, ul, li, h3 { margin: 0; padding: 0; list-style: none; font: bold 12px "微软雅黑"; }/*瀑布

2012-12-18 19:53:15 621

转载 js关于document和window对象

转自：http://www.cnblogs.com/solucky/archive/2006/09/13/502835.html[document对象]　　该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。　　属性　　alinkColor 活动链接的颜色(ALINK)　　anchor 一个HTMI锚点,使用标记创建(该属性本身也是

2012-12-18 16:15:43 386

转载 js call

转自：http://www.cnblogs.com/sweting/archive/2009/12/21/1629204.htmlcall 方法请参阅应用于：Function 对象要求版本 5.5 调用一个对象的一个方法，以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 t

2012-12-14 23:30:09 332

原创图片放大镜效果-- jquery实现

仿照淘宝效果的的，我还是菜鸟，写了很久，原创哈，汗！需要注意：1.大图片和小图片的长宽比应该一致2.遮罩用的小div 应该和大图片外面的div 的长宽比一致无标题文档* { padding:0px; margin:0px}.sbox { width:200px; height:200px; marg

2012-12-14 22:41:06 827

原创解决 ie6 下弹出框随着滚动条不断抖动

之前写的弹出框会在ie6下不断抖动,找了很久，终于找到了解决办法：1.下面用纯css也实现了：（但这种办法有个缺陷，那就是：这会使页面上原有的absolute、relation都变成fixed的效果）滚动条实际不是视口的而是body 模拟的IE6 position:fixed bug*{padding:0;margin:0}#outbox {heigh

2012-12-14 09:45:29 2514

原创 jquery 抽奖

试着写了一个jquery抽奖程序：学到的方法：数组的splice()方法：------------------------------------------------------定义和用法splice() 方法用于插入、删除或替换数组的元素。语法arrayObject.splice(index,howmany,element1,.....,eleme

2012-12-13 15:50:13 816

转载 10个非常有用的CSS hack和技术

转自：http://www.qianduan.net/10-useful-css-hacks-and-technique.html好吧，既然你看了这篇文章，那么我猜你了解CSS并且知道它能为你做什么。但是一些很有用的技术对很多开发人员来说仍然比较隐秘，所以本文中，让我们看看10个肯定能提高你的设计的CSS技术吧1 – 跨浏览器的inline-block

2012-12-07 16:47:13 1085

转载 css hack

参考：http://www.cnblogs.com/WuQiang/archive/2011/08/23/2150240.html1.行内hack： height:25px\9 /*allIE*/ie9特有的为: ：root 选择符 {属性\9;} eg：：root #test { background-color:purple\9

2012-12-07 16:22:37 429

转载获取绝对准确的滚动条宽度

转载：http://www.cnblogs.com/consatan/archive/2011/07/06/2099310.html/*! * 获取浏览器竖向滚动条宽度 * 首先创建一个用户不可见、无滚动条的DIV，获取DIV宽度后， * 再将DIV的Y轴滚动条设置为永远可见，再获取此时的DIV宽度 * 删除DIV后返回前后宽度的差值 * * @return Intege

2012-12-03 14:19:09 4273

原创 javascript 的各种 width、height

1.窗口大小：查看《javascript高级程序设计》一书的 Page162，得出结论：1.无法取得兼容所有浏览器的浏览器窗口的总大小（ outerWidth() && outerHeigth() ），（safari和firefox可以）2.除ie之外的浏览器都可以获得视口（viewport）的大小（ innerWidth() && innerHeigth() ）。3.在大多浏览

2012-12-01 16:46:55 931

coding...