2015年11月_ForMyWebFrontSide

转载 CSS 的优先级机制[总结]

样式的优先级多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。一般情况下，优先级如下：（外部样式）External style sheet 有个例外的情况，就是如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。示例如下： head>

2015-11-30 19:07:41 398

转载 word-wrap、white-space和word break的区别

http://jingyan.baidu.com/article/e75aca855b1500142edac6d0.html1、word-wrap:break-word;内容将在边界内换行，仅用于块对象，内联对象要用的话，必须要设定height、width或display:block或position:absolute。

2015-11-27 18:08:37 393

转载 firefox与IE9不显示icon字体图标

文章目录 1、关于icon font 2、在应用icon font实现一淘首页logo发现的问题。1、关于icon font现在主流浏览器（包括IE6）都支持css3的自定义字体(@font-face)，因此可以尝试使用font来替换图片展示网站的各种icon。但是各浏览器对于字体文件格式的支持不尽一致。目前主流浏览器对于icon

2015-11-25 16:30:29 3055

转载用CSS美化你的滚动条

用美化你的滚动条http://www.webhek.com/scrollbar 分享分享分享分享分享本文将会告诉你如何用CSS修改/美化浏览器页面上出现的滚动条。改变它们的颜色，调整它们的外形，适配你对页面UI设计。我们首先将会看看谷歌(Webkit)浏览器提供了哪些CS

2015-11-24 23:39:24 584

转载 IE兼容CSS3圆角

IE兼容CSS3圆角border-radius，box-shadow，text-shadow的方法http://www.cnblogs.com/leejersey/p/3187039.html1.下载ie-css3.htc 2.CSSbox { -moz-border-radius: 15px; /* Firefox */ -webkit-border-

2015-11-23 23:51:52 548

转载 css解决IE、Firefox兼容的div高度100%的问题

html>html xmlns="http://www.w3.org/1999/xhtml">head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> title>css解决IE、Firefox兼容的div高度100%的问题title> style> html,bo

2015-11-20 23:54:53 2017

转载受css内嵌样式中使用 url 影响，页面出现多次加载问题

页面内嵌样式表中使用url()，出现页面多次载入问题解决来源：互联网作者：佚名时间：11-20 08:44:40 【大中小】在最近的一个项目中，为了跟踪用户的登录的次数，我们在页面打开时，将用户登录页面的信息进行记录,可在测试中却发现一个用户访问一次的页面，却被记录了二次，也就是说页面被载入了二次。在最近的一个项目中，为了跟踪用户的登录的次数，我们在页面打开时

2015-11-18 16:45:40 2370

转载如何判断jQuery对象与dom对象

判断JQUERY对象当我们在用jquery的each做循环遍历的时候常常会使用到this，而有时候我们不知道this所指的到底是什么，因为要使用jquery的方法前提此对象必须是jquery对象。另外要判断一个javascript的对象是什么类型，可以使用typeof, 但是typeof只能判断出js的基础对象(string,boolean,number,object

2015-11-15 18:52:07 6852

原创改进的table单元格拖拽，可限制能拖动的连续单元格范围

html>HEAD> META http-equiv="Content-Type" content="text/html; charset=gb2312"> TITLE>拖动TITLE> STYLE> td { width: 20%; height: 20px; border-bott

2015-11-14 22:55:19 1557 1

原创用JQuery写拖拽的简单实例

html>html>head lang="en"> meta charset="UTF-8"> title>title>head>style> #dv1 { background: red; width: 100px; height: 100px; position: absolute; }s

2015-11-13 00:27:41 1464

转载 onselectstart

onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）。onselectstart该事件常使用使用js禁止用户选中网页上的内容，IE及Chrome下的方法一样。使用onselectstart，例如 IE: Firefox下，控制css: body { -moz-user-select: none; }

2015-11-12 22:44:49 465

转载拖拽表格单元格，改变单元格内容

拖动td{width:20%;height:20px;border-bottom:1px solid black;border-right:1px solid black;cursor:default;}div{font-size:13px;}th{height:20px;font-size:12px;font-weight:normal;border-bottom:2px sol

2015-11-12 21:32:40 1842

转载 event.srcElement和e.target

event.srcElement 可以捕获当前事件作用的对象，如event.srcElement.tagName可以捕获活动标记名称。注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，不记得的时候再来看看。复制代码代码如下: function tdclick(){ if(event.srcElement.tagName.toLow

2015-11-12 21:12:13 517

转载 javascript中的 offsetParent

在td中的元素会把第一个绝对／相对定位的hierarchy parent当作offsetParent，如果没有找到需要分三种情况讨论　　一，如果该元素没有绝对／相对定位，则会把td当作offsetParent 　　二，如果该元素绝对／相对定位并且table没有绝对／相对定位，则会把body当作offsetParent 　　三，如果该元素绝对／相对定位并且table绝对／相对

2015-11-12 21:10:40 444

原创 left、offsetLeft、width、offsetWidth区别

目测：1、offsetLeft包括的自身的margin值。offsetLeft值，比style.left多出一个margin值。2、 style.left和style.width值都需要先定义，而且必须要内联在html里，如果定义在css里，则style.left取到的值为空。而offsetLeft则可以取到，无需事先定义div的位置。3、offsetWidth比style.w

2015-11-06 19:59:00 471

ForMyQianDuan的博客