$("#keyword")[0].value = "";/*获得TEXT.AREATEXT的值*/var textval = $("#text_id").attr("value");//或者var textval = $("#text_id").val();/*获取单选按钮的值*/var valradio = $("input[type=radio]:checked").val();/*获取一组名为(items)的radio被选中项的值*/var item = $(' Read More
posted @ 2012-08-31 10:34 vincent_ds Views(6614) Comments(0) Diggs(0) Edit
事物绝非十全十美总有强差人意的一面,之前针对浮动分析了其引起文本重影的怪异问题,而作为浮动布局的最佳搭档定位布局也存在一定的缺陷。1.position:relative;属性值导致overflow:hidden;失效。问题:在IE6/7中子级设置position:relative;属性值后,导致父级的overflow:hidden;失效。Demo1分析:与定位的层级关系有关,IE6/7解析为内容已经跳出文档流,以致父级误以为没有包含内容。解决方案:对于IE6可以为父级添加定位属性纠正问题,但IE7依然无效。2.overflow充当了position:relative的角色问题:在IE6或IE Read More
posted @ 2012-08-26 23:31 vincent_ds Views(1963) Comments(0) Diggs(0) Edit
1、在单元格中加入一个空格。这样: <td>&nbsp;</td>2、直接在table里这样写:<table border="0" cellspacing="0" style="border-collapse:collapse">看清了啊,border-collapse只能是collapse,虽然border-collapse还有separate,inherit属性。用这 种方法可以把边框显示出来,但很郁闷的是—-它显示的是细边框。顺带一下separate和collapse吧, separa Read More
posted @ 2012-08-24 16:05 vincent_ds Views(3433) Comments(0) Diggs(0) Edit
1 <!DOCTYPE html> 2 <html lang="en" > 3 <head> 4 <meta charset="utf-8" /> 5 <title>Pure CSS3 LavaLamp Menu | Script Tutorials</title> 6 <link href="css/menu.css" rel="stylesheet" type="text/css" /> 7 </hea Read More
posted @ 2012-08-21 00:56 vincent_ds Views(3298) Comments(0) Diggs(0) Edit
语法::nth-child(an+b)为什么选择她,因为我认为,这个选择器是最多学问的一个了。很可惜,据我所测,目前能较好地支持她的只有Opera9+和Safari3+。描述:伪类:nth-child()的参数是an+b,如果按照w3.org上的描述,写成中文,很可能会让人头晕,再加上笔者的文笔水平有限,所以我决定避开an+b的说法,把它拆分成5种写法共5部分来说明。第一种:简单数字序号写法:nth-child(number)直接匹配第number个元素。参数number必须为大于0的整数。例子:li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙 Read More
posted @ 2012-08-21 00:19 vincent_ds Views(168) Comments(0) Diggs(0) Edit
上一节花了大篇幅整理了CSS3中动画属性中的Transform,今天我们接着一起来看CSS3动画属性中的另一个属性Transition。W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。”下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition : [<'transition-property'> || <'trans Read More
posted @ 2012-08-20 00:10 vincent_ds Views(339) Comments(0) Diggs(0) Edit
今天开始我们一起来学习有关于CSS3制作动画的几个属性:变形(transform)、转换(transition)和动画(animation)等更高级的CSS3技术。本文主要介绍的是这三个属性之中的第一个──变形transform。Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现,老样子,我们就从transform的语法开始吧。 Read More
posted @ 2012-08-19 13:49 vincent_ds Views(237) Comments(0) Diggs(0) Edit
font:14px/1.3 Arial,sans-serif; 相当于font-style:normal;font-variant:normal;font-weight:normal;font-size:14px;line-height:1.3;font-family:Arial, sans-serif;--------------------------------------------------#nav, #nav ul{ list-style:none outside none;} 相当于 list-style-type:none; list-style-position:... Read More
posted @ 2012-08-19 13:24 vincent_ds Views(273) Comments(0) Diggs(0) Edit
原文作者乔纳森·丹尼可(Jonathan Danylko)是一位自由职业的web架构师和程序员,编程经验已超过20年,涉足领域有电子商务、生物技术、房地产、医疗、保险和公用事业。正如乔纳森在文中所言,本文适合刚毕业的大学生和刚入门的程序员。如果你已是高级开发人员,或许你能在本文中看到自己的身影。 从11岁时,我就一直在编程,并且一直都很喜欢技术和编程。这些年来,我积累了一些艰难又容易的经验。作为一名程序员,你或许还没这些经验,但我会把它们献给那些想从中学到更多的朋友。 我会持续更新这些经验,我可能还会有更多的感想,但就我这20年来看,我想下面这个列表中基本不需要增添额外的东西了。下面 Read More
posted @ 2012-08-14 21:13 vincent_ds Views(153) Comments(0) Diggs(0) Edit
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c Read More
posted @ 2012-08-07 16:58 vincent_ds Views(879) Comments(0) Diggs(0) Edit