2011年12月19日
转 CSS兼容性(IE和Firefox)技巧大全 （二）
摘要： CSS兼容性(IE和Firefox)技巧大全 （二）8.float的div闭合;清除浮动;自适应高度① 例如：＜#div id=”floatA” >＜#div id=”floatB” >＜#div id=”NOTfloatC” >这里的NOTfloatC并不希望继续平移，而是希望往下排。(其中floatA、floatB的属性已经设置为float:left;)这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签闭合。在 ＜#div class=”floatB”> ＜#div class=”NOTfloatC”>之间 阅读全文
posted @ 2011-12-19 15:50 leejersey 阅读(259) 评论(0) 推荐(0) 编辑
转 CSS兼容性(IE和Firefox)技巧大全 （一）
摘要： CSS兼容性(IE和Firefox)技巧大全 （一）CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题设置为float的. 阅读全文
posted @ 2011-12-19 15:06 leejersey 阅读(322) 评论(0) 推荐(0) 编辑
2011年12月15日
转 JQuery网页换肤
摘要： 先是html代码：XML/HTML代码<divid="header_demo"><aid="logo"href="#">Rainweb</a><ulid="skin"><liid="skin_0"title="蓝色"class="selected">蓝色</li><liid="skin_1"title="紫色">紫色</li&g 阅读全文
posted @ 2011-12-15 19:55 leejersey 阅读(412) 评论(0) 推荐(0) 编辑
2011年12月14日
JavaScript---DOM编程核心
摘要： DOM Core常用部分:DOM方法创建节点:createElement(),createTextNode()复制节点:cloneNode()插入节点:appendChild(),insertBefore删除节点:removeChild()替换节点:replaceChild()查找节点:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes设置节点属性:setAttribute()DOM属性节点的属性:nodeName,nodeType,nodeValue遍历节点树:childNodes,firstChild,las 阅读全文
posted @ 2011-12-14 18:53 leejersey 阅读(382) 评论(0) 推荐(0) 编辑
2011年12月13日
CSS基本布局16例
摘要： CSS基本布局16例作者：Owen Briggs 2004-6-25 13:44:32以下布局资料原作者：Owen Briggs单行单列 单行单列1：采用float浮在左上角，固定宽度。 单行单列2：固定在左上角，固定宽度，采用的是绝对(absolute)定位。 单行单列3：固定在左上角，不固定宽度，采用百分比(%)定义宽度来自适应页面。 单行单列4(推荐)：固定宽度，采用在body样式中定义居中属性(text-align: center;)实现适应页面自动居中。单行两列 单行两列1：两列都固定宽度。第一列浮在左上角，第二列浮在第一列右边。 单行两列2：两列都百分比宽度，但不满屏。第一列固定在 阅读全文
posted @ 2011-12-13 09:42 leejersey 阅读(444) 评论(0) 推荐(1) 编辑
2011年12月12日
右下角浮动广告代码
摘要： 右下角浮动广告代码原代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; 阅读全文
posted @ 2011-12-12 11:03 leejersey 阅读(2612) 评论(0) 推荐(0) 编辑
Dojo Javascript 编程规范
摘要： Dojo Javascript 编程规范前言相当不错的 Javascript 编程风格规范，建议大家采用此规范编写 Javascript。原文链接： http://dojotoolkit.org/developer/StyleGuide 。翻译（Translated by）：i.feelinglucky{at}gmail.com from http://www.gracecode.com ，转载请注明出处、作者和翻译者，谢谢配合。本文地址： http://code.google.com/p/grace/wiki/DojoStyle 。序Any violation to this guide i 阅读全文
posted @ 2011-12-12 11:00 leejersey 阅读(464) 评论(0) 推荐(0) 编辑
基本javascript语句
摘要： 1.document.write(“”);输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById(“表单中元素的ID号”).name(或value)6.一个小写转大写的JS:document.getElementById(“output”).value=document.getElementById(“i 阅读全文
posted @ 2011-12-12 10:55 leejersey 阅读(353) 评论(0) 推荐(0) 编辑
JavaScript自增、自减运算符与表达式
摘要： JavaScript自增、自减运算符与表达式语法var i++;var-- 声明变量i-- 变量名++ -- 自增运算符JavaScript自增、自减运算符与表达式JavaScript自增、自减运算符与表达式(i初始值为6)运算符++i--ii++i--名称前自增运算符前自减运算符后自增运算符后自减运算符表达式++i--ii++i--示例++i;--i;i++;i--;i的结果7575有趣的示例++ialert(i)alert(++i)alert(i)--ialert(i)alert(--i)alert(i)i++alert(i)alert(i++)alert(i)i--alert(i)ale 阅读全文
posted @ 2011-12-12 10:06 leejersey 阅读(17013) 评论(0) 推荐(0) 编辑
2011年11月16日
转 网页圆角代码（纯CSS）
摘要： 从网站统计里看到很多朋友是为了寻找圆角代码而到这里的，为了不让大家失望所以重写了两篇圆角教程，这一篇是纯CSS制作圆角的方法，另一篇是利用图片制作圆角的方法。相信不久的将来再需要做圆角效果，就不会再用这么复杂而且不符合语义的方法了，因为CSS3里已经自带圆角效果，而现在很多浏览器也已经支持CSS3，除了垃圾的MS IE。圆角弧度1：我们先来说说最简单的弧度为1的圆角。上图为圆角div放大20倍的效果，图中的圆角框共有4条线，可以从上到下看作是由3个div构成。3个div我分别用红和黄的框画出来了，这样一个圆角块就是由这3个div做出来的。第一个和第三个（红框）的div高度为1px，左右边距为1 阅读全文
posted @ 2011-11-16 18:51 leejersey 阅读(3061) 评论(1) 推荐(0) 编辑