12 2012 档案

摘要：今天在写一个购物车里面选择发货地址的部分时，多个收货地址用到了UL标签，由于每个地址的后面有个“修改地址”的功能，而且位于li标签的右边，于是就用到了，position：absolute； right：10px；这样把“修改地址”移到右边去了，不过在此之前需要在li标签添加position：relative才行。html如下：<ul class="addr_list"> <li class="on"><span>寄送至</span><input type="radio" name= 阅读全文

摘要：曾经在项目中遇到用到position：fixed的时候再IE6中不能兼容的状态，于是只能用到了虚拟的virtual_body，这个virtual_body其实就是一个div，控制div的宽高为页面的宽高，即为100%，设置这个div的css：.virtual_body{ overflow:scroll; width:100%; height:100%; position:relative;} 不过在此之前要设置此页面的body&html为：body,html{ overflow:hidden; width:100%; height:100%; margin:0; position:re 阅读全文

摘要：在一般情况下，用户提交表单后，将会跳转到另一个页面，同时表单中的内容也会清空。而有时为了简化操作步骤，需要保留历史信息，即当用户再返回原来页面时，还可以看到刚才所填写的信息。以下实例，当用户刷新或者单击“确定”按钮提交表单后再退回到原来页面时，文本框中的内容将保持不变。如下图所示：本实例主要是通过在css样式定义中，设置behavior确定对象的行为，并设置<meta>元信息标记中的name属性和content属性来实现保留历史信息的功能。<meta>标记是用来在HTML文件中模拟HTTP协议的响应头报文，是实现元数据的主要标记，它可以用于鉴别作者、标注内容提要和关键字 阅读全文

摘要：对于网络应用程序或者网站来说，安全最为重要。其中密码域的安全也非常重要。虽然在密码域中已经将输入的字符一掩码形式显示，但是他并没有真正实现保密，因为用户可以通过复制该密码域中的内容，并将复制的密码粘贴到其他文档中，查看到密码。为实现密码的真正安全，可以将密码域的复制功能屏蔽，同时改变密码域的掩码符号。通过控制密码域的oncopy、oncut、onpaste事件来实现密码域的内容禁止复制的功能，兵通过改变去style样式属性来实现改变密码域中的掩码样式。（1）在页面中添加密码域，代码如下：<input name="txt_passwd" type="passw 阅读全文

摘要：在查看数据信息时，经常需要对多条数据进行操作。例如，删除数据时，通过控制复选框的全选或反选，可以批量删除数据等。以下实例，选中“全选/反选”复选框，表单中所有的复选框都将处于选中状态，如图所示：本实例应用的自定义javascript函数首先判断表单中包含复选框的数量，如果数量大于0，则使用for循环语句设置所有复选框的checked属性为true，如果“全选/反选”复选框处于未选中状态，则设置所有复选框的checked属性值为false。控制复选框的全选伙反选的关键代码如下：<script type="text/javascript">function Chec 阅读全文

摘要：在制作网页时，如果信息分类的内容很多，还可以在下拉列表中将其分级显示，是用户更加清晰的查看选项。以下实例，可以看到下拉列表中的选项是分级显示的。程序运行结果如图所示。本实例主要是应用optgrounp标记，并设置其label属性。optgroup标记主要用于对select元素中的选项进行逻辑分组，在optgroup标记中指定的文本是非可选项，一般通过替换文本域可以选项区分开来。实现分级下拉列表的关键代码如下：<form id="form1" name="form1" method="post" action="&quo 阅读全文

摘要：网页中下拉列表的选项是固定的，这样就存在一些弊端，如果用户想要选择的项目不在下拉菜单的选项中，该怎么办？如果能在下拉菜单中输入文字，这个问题就解决了。以下实例中，菜单选项中只包括了“新进成员”、“游侠”、“版主”3个选项，如果要添加的用户是上面三个选项以外的等级，就可以在下拉菜单中直接输入等级名称。程序运行结果如图：由于下拉菜单的选项是固定的，所以要实现在下拉菜单中输入文字，首先要捕获用户的键盘事件，然后根据键盘输入的数据动态添加下拉菜单的选项，同时还需要判断用户按下的是退格键还是空格键，如果是退格键，则需要从已经添加的文字中删除一个文字，如果是空格键，则需要在已经添加的文字后添加一个空格字符 阅读全文

摘要：1、新建一个元素，随便什么元素，不过我习惯性的会用块元素来做。如果行内元素就display:block它。 <div class="triangle"></div> 2、把它的宽高设置为height:0px; width:0px; 3、设置边框border属性，用来实现三角形。 首先要了解border具体是怎么样的，我写了一个这样的样式： border:50px solid #000; border-color:#f00 #000 #f0f #00f; 在FF下面显示效果如下：出现4个三角形合并成一个正方形。到这里就很清晰了，只要把想要的保留，其它的 阅读全文

摘要：在实际应用中，经常将事物进行分类，分类可以是二级的或者多级的。在设计页面时，可以使用多个下拉菜单分别显示不同级别的分类信息，即实现多级级联菜单。以下实例，当选择商品的“第一级分类”下拉菜单时，商品的“第二级分类”下拉菜单的内容会随即发生变化。实现多级级联菜单的关键代码如下：<script type="text/javascript">var arr2 = new Array(4);arr2["数码设备"] = new Array("数码相机","打印机");arr2["家用电器"] 阅读全文

摘要：在开发动态网站中，可以将一些固定不变的数据存储在数组中，然后将数组中的数据显示到下拉列表中以供用户选择，这样可以加快程序运行的速度，方便用户浏览网页。以下实例，单击下拉列表的控制按钮，将显示出该下拉列表中的全部选项。（1）在javascript中，首先定义一个数组，并为数组赋值，然后自定义一个javascript函数，将数组中的数据添加到表单的下拉列表中，代码如下：<script type="text/javascript">var counts;counts=0;arr = new Array("JavaScript与ASP"," 阅读全文