javascript新闻列表排序简单封装
可以控制列表按日期以及按字数排序.升或者降序.
代码简单封装,按一定的格式调用即可。
代码写的比较繁琐,很多方法用的很原始...
代码如下:
<!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>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="Design Corp" content="李军" />
<meta name="Designer mail" content="lijunabcxy@163.com" />
</head>
<mce:style type="text/css"><!--
/*<!--[CDATA[*/
ul,li{margin:0;padding:0;list-style-type:none;}
ul{width:450px;padding:10px;border:1px solid #ccc;background:#fafafa;line-height:25px; margin:10px;font-size:12px;}
#news_list li{border-bottom:1px dashed #cde;}
#news_list span{float:right;}
#news_list li a{color:#006;}
/*]]>*/
--></mce:style><mce:style type="text/css" mce_bogus="1"><!--
/*<![CDATA[*/
ul,li{margin:0;padding:0;list-style-type:none;}
ul{width:450px;padding:10px;border:1px solid #ccc;background:#fafafa;line-height:25px; margin:10px;font-size:12px;}
#news_list li{border-bottom:1px dashed #cde;}
#news_list span{float:right;}
#news_list li a{color:#006;}
/*
*/
--></mce:style><style type="text/css" mce_bogus="1" mce_bogus="1">/*<![CDATA[*/
ul,li{margin:0;padding:0;list-style-type:none;}
ul{width:450px;padding:10px;border:1px solid #ccc;background:#fafafa;line-height:25px; margin:10px;font-size:12px;}
#news_list li{border-bottom:1px dashed #cde;}
#news_list span{float:right;}
#news_list li a{color:#006;}
/*
*/</style>
<mce:script type="text/<a href="http://www<a href=" mce_href="ht
相关文档:
<html>
<head>
<mce:script language="javascript"><!--
function old_page()
{
window.location = "http://www.jb51.net"
}
function replace()
{
window.location.replace("http://www.jb51.net")
}
function new_page()
{
window.op ......
Event属性和方法:
1. type:事件的类型,如onlick中的click;
2. srcElement/target:事件源,就是发生事件的元素;
3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下;(firefox中 0代表左键,1代表中间键,2代表右键) ......
演示地址: http://www.wowo-design.com/view/51_01/index.htm
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css菜单演示</title>
<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
body {
......
此例子是javascript高级程序设计里的
放出来心备以后使用。上代码。
<html>
<head>
<title>Table Sort Example</title>
<mce:script type="text/javascript"><!--
function convert(sValue, sDataType) {
swi ......
在页面上回车后,不做任何动作。
<script type="text/javascript">
function document.onkeydown()
{
if(event.keyCode ==   ......