摘要： 最近弄网站的新闻模块，新闻的列表用到了ul列表。为每个li添加了background，然后添加hover事件：background改变。代码如下：HTML code<li> <a href="news_show<? echo $row['id'];?>.html" class="news_tit"><?php echo $row['news_title']; ?></a> <span><?php echo $row['news_time& 阅读全文

摘要： 在网页中加入数字时钟既可以增加页面的活力，又可以方便浏览者。下面将通过一个具体实例介绍如何实现数字时钟，如图所示：制作本实例的基本思路如下：首先需要在页面中添加7个images，主要用于显示两位数的时分秒以及am（上午）和pm（下午），然后在javascript所定义的函数中利用Date对象获得当前时function clock(){ date=new Date(); hour=date.getHours(); minu=date.getMinutes(); sec=date.getSeconds(); if(sec<10) {sec="0"+se... 阅读全文

摘要： 本实例将实现显示网页文件最后的修改时间。首先在页面添加了一个文本框控件，然后使用javascript创建了一个函数，在函数中调用document对象的lastModified属性，然后在页面的文本框中显示文件上一次被修改的时间，通过这种方法可以查看网页的更新时间。实现过程：1.编写自定义函数，代码如下：<script language="javascript"> function alterdate() { document.form1.textfield.value = document.lastModified; } </script>2.添加页 阅读全文

摘要： 今天在写一个购物车里面选择发货地址的部分时，多个收货地址用到了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个选项，如果要添加的用户是上面三个选项以外的等级，就可以在下拉菜单中直接输入等级名称。程序运行结果如图：由于下拉菜单的选项是固定的，所以要实现在下拉菜单中输入文字，首先要捕获用户的键盘事件，然后根据键盘输入的数据动态添加下拉菜单的选项，同时还需要判断用户按下的是退格键还是空格键，如果是退格键，则需要从已经添加的文字中删除一个文字，如果是空格键，则需要在已经添加的文字后添加一个空格字符 阅读全文