03 2013 档案
摘要：相对于 Extjs Fx 模块的处理 , Jquery Fx 的处理显得紧凑，灵活，不像 Extjs 严格的分层，将基础操作，中央定时队列抽象出来，然后再对具体元素，具体属性进行动画效果，Jquery 不严格区分，将对元素属性的操作以及定时队列管理糅合在一起，代码显得更精悍。DOM动画处理的关键是对目标元素得目标 css 属性进行随时间设置不同的值，造成动画的效果，具体设计包括两个方面：1。中央定时队列引入，将所有元素的所有不同属性变化导入中央队列，避免定时器分散设置与不同元素，性能提高2。抽象出不同 css 属性随时间变化得公共计算，css 属性以及变化值做为变量处理。Jquery 实践：关
阅读全文
摘要：1.常规css方法——可以实现IE，Safari，chrome，opera浏览器下文字溢出省略号表示这是一段测试文字，主要是用来测试文字溢出后是否会用省略号显示。.zxx_text_overflow_1{width:27em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}2.使用ellipsis.xml文件使Firefox支持文字溢出后点点点省略号表示这段代码调用了跨文件夹路径的ellipsis.xml文件，看Firefox浏览器下是够文字溢出省略号表示。ps:
阅读全文
摘要：使用text-overflow:ellipsis对溢出文本显示省略号有两个好处，一是不用通过程序限定字数；二是有利于SEO。需要使用对对溢出文本显示省略号的通常是文章标题列表，这样处理对搜索引擎更友好，因为标题实际上并未被截字，而是局限于宽度而未被显示而已。通常的做法是这样的：1.overflow:hidden;2.text-overflow:ellipsis;3.-o-text-overflow:ellipsis;4.white-space:nowrap;5.width:100%;其中，overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号；-o
阅读全文
摘要：用js动态改变css样式表用setAttribute方法实现一个页面两份样式表的效果，具体方法如下： 第一步：在连接样式表的元素里定义一个id,例如 <link href="1.css" rel="stylesheet"type="text/css" id="css"> 我定义的id是css。 第二步：写一个js函数，代码如下： <script type="text/javascript"> function change(a){ var css=document.get
阅读全文
摘要：CSS hack（指的是如：div .foo{ float: left; margin-left: 10px; _margin-left: 5px; } ）随着浏览器的更新，显得不可靠。解决方法是为html或body标签添加特定浏览器的class，并在css规则中使用。条件注释也可以在特定浏览器版本时使用需要的CSS文件。具体例子如下：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="t
阅读全文
摘要：对于div1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;}<div id=”wrap”>ddd1111111111111111111111111111111111</div>效果：可以实现换行2.（Firefox浏览器）white-space:normal; word-break:break-all;overflow:hidden;同样的
阅读全文
摘要：一。在 CSS中常用特殊字符识别表:(1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;(2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ;(3)_ : 除IE6支持_ 外, FF+IE8+IE7都不支持_;(4)\9:所有IE浏览器都识别(IE6、IE7、IE8、IE9)示例:(1)区别FF(IE8)与IE6 IE7backgorund:orange; FF和IE8背景色将为橘黄色*backgorund:red; IE6和IE7背景色将为红色(2)区别FF(IE8)与IE6与IE7backgr
阅读全文
摘要：<script type="text/javascript"> // 层拖拽 function Mmousedown(i,e){ var _move=false;//移动标记 var _x,_y;//鼠标离控件左上角的相对位置 var obj=""; _move=true; _x=e.clientX-parseInt($("#d"+i).css("left")); _y=e.clientY-parseInt($("#d"+i).css("top")); Mmove
阅读全文
摘要：<script type="text/javascript"> function Mmousedown(i,e){var imgClick = false; var imgLeft;//单击时img的left值 var imgTop;//单击时img的top值 var mouseX;//单击时鼠标的x值 var mouseY;//单击时鼠标的y值 imgClick = true; mouseX = e.clientX; mouseY = e.clientY; imgLeft = $('#d'+i).offset().left; imgTop =
阅读全文
