摘要：
jdk环境变量配置进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置：1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-6u14-windows-i586.exe2、安装jdk-6u14-windows-i586.exe3、配置环境变量：右击“我的电脑”-->"高级"-->"环境变量"1）在系统变量里新建JAVA_HOME变量，变量值为：C:\Program Files\Java\jdk1.6.0_14（根据自己的安装路径填写）2）新建c 阅读全文
摘要：
前言：今天要用到的倾斜特效源自于CSS 3中的变形功能：transform，通过这个属性，你可以直接用CSS做出一个简单的动画，transform里面除了可以把区块倾斜以外，也可以做 到：位移、缩放、透视等多种效果，不过我们今天要讲的只有transform中的旋转，也就是倾斜语法格式：-webkit-transform: rotate(倾斜角度);-moz-transform: rotate(倾斜角度);-o-transform: rotate(倾斜角度);建议要一次加入这三行，才可以让「几乎」所有的浏览器都支持，当然目前的话… IE核心的浏览器都还不能看到此功能。这些都是题外话，我们继续看代 阅读全文
摘要：
相对于 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 阅读全文