js_and_css
文章平均质量分 68
liyiye
这个作者很懒,什么都没留下…
展开
-
Popup.js 弹出窗口
New Document function ShowIframe() //显u31034 iframe { v...原创 2008-09-05 09:36:58 · 1337 阅读 · 0 评论 -
Css+Div布局学习(五)—overflow属性
overflow属性定义了当子元素超越了包含它的元素时,子元素的显示方式。如果内容太多,overflow属性说明内容是否显示以及如何显示。overflow属性有4个可能值:visible:内容未被剪切,显示在元素外; hidden:内容被剪切,但是浏览器不显示滚动条,无法看到剩余的内容; scroll:即使有足够空间显示全部内容,浏览器也显示滚动条; auto:如果内容太多,浏览器将显...原创 2008-09-22 11:34:37 · 212 阅读 · 0 评论 -
Css+Div布局学习(四)—关于hack
并不是每一个浏览器都可以正确显示设定的CSS,那有什么办法可以让一些CSS使每一个流行的浏览器都可以一致的显示出网页。哈哈,世界上真的有这么好的事情,可以将一些不兼容的情况统一,这一类都叫做CSS hack。我下面就简单得介绍一个CSS hack。在任何标准兼容的浏览器中,针对包含其它元素的元素,其总宽度的计算需要结合这些容器的宽度以及它们的padding和border来考虑。这也就是说300像...原创 2008-09-22 11:32:57 · 125 阅读 · 0 评论 -
Css+Div布局学习(三)—定位Position
所有的框模型一开始都是按文档中正常的元素流定位,而定位position属性允许我们改变这些自然的位置。通过利用一些简单的Css规则,position使得设计者可以将HTML元素精确放置,position属性确定了每个元素框(box)定位的参考点。在详细介绍之前,我们先简要的说明一下定位的4种方法:1、静止定位(static):这种方法使得所有的元素最终位置都是一个静止位置。所以没有什么需要特殊...原创 2008-09-22 11:25:33 · 178 阅读 · 0 评论 -
Css+Div布局学习(二)—清理Clear
我们在Css+Div布局学习(一)—Div布局基础这篇文章里面讲解了基本的布局方法,Footer内有clear:both;属性就一句带过了,事后想了一下对于清理还是有些话要讲清楚的。那我就开辟一篇专门讲一下。还是使用上一篇的布局事例来说明问题更加的简单:MastheadSidebar_aSidebar_bContentFooter这个布局的Css复习一下:#Masthead ...原创 2008-09-22 11:23:50 · 103 阅读 · 0 评论 -
Css+Div布局学习(一)—Div布局基础
如果我们要进行Css的布局,那float(浮动)就是最为关键的一个属性了。浮动可以使你的块元素不遵守元素流的布局特性,如果不采用浮动,元素将一个接一个地往下排列。float属性有三个值:left、right和none,后面我们就会使用这些值的。我们将使用事例来说明布局的特性。我们做一个html文件,为后面的讲解准备一下:<body> <div id="Masthead"&...原创 2008-09-22 11:22:03 · 276 阅读 · 0 评论 -
网页设计配色应用实例剖析——蓝色系
蓝 色是色彩中比较沉静的颜色。象征着永恒与深邃、高远与博大、壮阔与浩渺,是令人心境畅快的颜色。 蓝色的朴实、稳重、内向性格,衬托那些性格活跃、具有较强扩张力的色彩,运用对比手法,同时也活跃页面。另一方面又有消极、冷淡、保守等意味。蓝色与红、黄等色运用得当,能构成和谐的对比调和关系。 蓝色是冷色调最典型的代表色,是网站设计中运用得最多的颜色,也是许多人钟爱的颜色。 蓝色表达着深远、永恒...原创 2008-09-18 21:17:28 · 735 阅读 · 0 评论 -
网页设计配色应用实例剖析——橙色系
橙色 具有轻快、欢欣、收获、温馨、时尚的效果,是快乐、喜悦、能量的色彩。 在整个色谱里,橙色具有兴奋度,是最耀眼的色彩。给人以华贵而温暖,兴奋而热烈的感觉,也是令人振奋的颜色。具有健康、富有活力、勇敢自由等象征意义,能给人有庄严、尊贵、神秘等感觉。橙色在空气中的穿透力仅次于红色,也是容易造成视觉疲劳的颜色。 在网页颜色里,橙色适用于视觉要求较高的时尚网站,属于注目、芳香的颜色,也常被用于味觉较...原创 2008-09-18 21:10:49 · 226 阅读 · 0 评论 -
网页设计配色应用实例剖析——黄色系
黄 色是阳光的色彩,具有活泼与轻快的特点,给人十分年轻的感觉。象征光明、希望、高贵、愉快。浅黄色表示柔弱,灰黄色表示病态。它的亮度最高,和其他颜色配合很活泼,有温暧感,具有快乐、希望、智慧和轻快的个性,有希望与功名等象征意义。黄色也代表着土地、象征着权力,并且还具有神秘的宗教色彩。 黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。 浅黄色系明朗、愉快、希望、发展,它的雅致,清爽属性,较...原创 2008-09-18 21:10:04 · 4577 阅读 · 0 评论 -
ajax技术原理及工作原理
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 主要包含了以下几种技术Ajax(Asynchronous JavaScript + XML)的定义 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用 DOM(Document...原创 2008-09-16 14:27:31 · 110 阅读 · 0 评论 -
37个Ajax和CSS实现的Tab选项卡切换效果界面
在过去几年中,Web开发人员开发了许多Ajax和CSS,Tab选项卡切换为基础的界面,成为一项非常有趣的技术,它让我们用一种简单的方式获得信息,而不需要打开和关闭多个窗口。在本文中,我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用,这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的...原创 2008-09-16 14:24:26 · 80 阅读 · 0 评论 -
IE和火狐的css兼容性问题归总
IE和火狐的css兼容性问题归总 CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 1、DOCTYPE 影响 CSS 处理 2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3、FF: body 设置 text-align 时, div 需要设置 m...原创 2008-09-11 11:01:07 · 104 阅读 · 0 评论 -
一个TAB效果
<!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> <met原创 2008-09-09 14:42:02 · 108 阅读 · 0 评论 -
JavaScript最常用的55个经典技巧
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制3. o...原创 2008-09-09 09:37:53 · 119 阅读 · 0 评论 -
JavaScript判断浏览器类型及版本
你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器。 几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器。由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他。以后,咱们常说浏览器的“四大才子”就得改称为“五朵金花”了。 在网站前端开发中,浏览器...原创 2008-09-08 10:42:36 · 116 阅读 · 0 评论 -
JS大全
avascript小技巧 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.alt...原创 2008-09-05 09:37:31 · 75 阅读 · 0 评论 -
table 原来还可以这样用啊
因为页面的需要,要对table的每一列进行显示和隐藏的操作,感觉没有什么好的方法,没有想到上网找了一下,居然发现了一个好的标签(狠汗颜), <COLGROUP> 以下是一个小例子: /********************************/ <TABLE border=1 width=90%> <CO...2008-10-24 10:03:27 · 141 阅读 · 0 评论