1. bxSlider

This plugin is content slider and image slideshow. Where you can slide between slides using horizontal, vertical and fade transitions. Also you can have navigation controls, custom behavior (this plugin have very many options). Online demo available here

2. Awkward Showcase

Using this plugin you can easy slide betweeb slides with any content (Content Slider). Allow to embed quite any content inside slides: text, images, video, tooltips etc. Also can enable thumbnails and more. Online demo available here

3. Waypoints

Using this plugin you can easy perform necessary actions when you scroll to desired element. Online demo available here

4. jsMovie

This plugin will allow you to play image sequences. So result will similar real video (it looks like GIF – animation too). Online demo available same page.

5. A simple accordion menu

Another one UL-LI navigation menu. Online demo available here

6. Ascensor

Interesting plugin, some kind of navigation system between pages, plus give feeling what you walking through rooms of maze Online demo available here

7. jVectorMap

This plugin show us vector world map (and they promising to add more maps in future). Online demo available here

There is a very serious mistake in picture, Taiwan is a part of China!

8. League of Legends

Nice looking plugin for webmasters who dreaming to build own game (RPG) website. Online demo available here

9. Kaiten browser

This pluging giving us few navigation modes for web applications. Online demo available here

10. Chrome Style jQuery Image Gallery

Great looking image gallery with autoplay, descriptions and more.

Conclusion

Hope that our review of fresh jquery plugins was very interesting. Good luck!

xtype                  Class            

基本组件：                                                                 

box                    Ext.BoxComponent                      具有边框属性的组件

button                Ext.Button                                      按钮

colorpalette      Ext.ColorPalette                            调色板

component       Ext.Component                            组件

container          Ext.Container                                容器

cycle                 Ext.CycleButton

dataview          Ext.DataView                                数据显示视图

datepicker       Ext.DatePicker                              日期选择面板

editor                Ext.Editor                                       编辑器

editorgrid         Ext.grid.EditorGridPanel              可编辑的表格

grid                   Ext.grid.GridPanel                         表格

paging              Ext.PagingToolbar                         工具栏中的间隔

panel                Ext.Panel                                        面板

progress          Ext.ProgressBar                            进度条

splitbutton        Ext.SplitButton                               可分裂的按钮

tabpanel           Ext.TabPanel                                 选项面板

treepanel         Ext.tree.TreePanel                         树

viewport           Ext.ViewPort                                  视图

window             Ext.Window                                   窗口

工具栏组件：

toolbar              Ext.Toolbar                                    工具栏

tbbutton            Ext.Toolbar.Button                         按钮

tbfill                   Ext.Toolbar.Fill                               文件

tbitem               Ext.Toolbar.Item                            工具条项目

tbseparator      Ext.Toolbar.Separator                  工具栏分隔符

tbspacer          Ext.Toolbar.Spacer                       工具栏空白

tbsplit               Ext.Toolbar.SplitButton                 工具栏分隔按钮

tbtext                Ext.Toolbar.TextItem                     工具栏文本项

表单及字段组件：

form                  Ext.FormPanel Form                     面板

checkbox         Ext.form.Checkbox checkbox       录入框

combo             Ext.form.ComboBox combo         选择项

datefield          Ext.form.DateField                        日期选择项

field                  Ext.form.Field                                 表单字段

fieldset            Ext.form.FieldSet                           表单字段组

hidden             Ext.form.Hidden                             表单隐藏域

htmleditor        Ext.form.HtmlEditor html               编辑器

numberfield     Ext.form.NumberField                   数字编辑器

radio                Ext.form.Radio                               单选按钮

textarea           Ext.form.TextArea                          区域文本框

textfield            Ext.form.TextField                          表单文本框

timefield           Ext.form.TimeField                         时间录入项

trigger              Ext.form.TriggerField                      触发录入项

 ul.demolayout {
 list-style-type: none;
 float: left;
 margin:0px;
 padding:0px;
 }

 ul.demolayout li {
 margin: 0 0 0 0;
 float: left;
 border-bottom:1px solid #515151;
 }
 .tab{
 padding:0 0 2px 0;
 height: 160px;
 text-align:left;
 }
 ul.demolayout a {
 float: left;
 display: block;
 padding: 5px 25px;
 border-bottom: 0;
 color: #515151;
 text-decoration: none;
 font-size:14px;
 font-weight: bold;
 }

 ul.demolayout a:hover {
 background: #eee;
 }

 ul.demolayout a.active {
 background: #515151;
 padding-bottom: 5px;
 cursor: default;
 color:white;
 }

 .tabs-container {
 clear: left;
 padding:0px;
 }
 p.more_details{
  padding:2px 2px 2px 2px;
  font-size:11px;
 }
  </style>
 </HEAD>

 <BODY>
  <div id="demo" class="demolayout">

                <ul id="demo-nav" class="demolayout">
                 <li><a class="active" href="#tab1" id="1">活动资讯</a></li>
                 <li><a class="" href="#tab2" id="2">业态分布</a></li>
                 <li><a class="" href="#tab3" id="3">商家推荐</a></li>
                </ul>
             <div class="tabs-container">
                     <div style="display: block;" class="tab" id="tab1">
                          <p class="more_details">
        活动资讯内容信息
                          </p>
                                                 
                     </div> 
                    
                     <div style="display: none; " class="tab" id="tab2">
        <p class="more_details">
        业态分布内容信息
                          </p>
                     </div> 
                     <div style="display: none; " class="tab" id="tab3">
        <p id="comment" class="more_details">
        商家推荐内容信息
                          </p>
                     </div> 
             </div>
   </div>
 </BODY>
</HTML>

COMSHARP CMS 写道：在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似 Office 的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript  的编辑器，它们有的是基于 jQuery 框架，有点则不是。

MarkitUp - jQuery

Official Website | Demo

功能不是很多，但很轻量，很灵活。打包后只有6.5K大小。

jWYSIWYG - jQuery

Official Website | Demo

非常基本的编辑器，简单为本。打包后只有7K。

Lightweight RTE- jQuery

Official Website | Demo

简单到不能再简单，很容易自己修改。

HTMLBox - jQuery

Official Website | Demo

跨浏览器，开源，基于 jQuery。可以很容易同各种 CMS，论坛，留言本，博客等系统集成。

D Small Rich Text Editor - jQuery

Official Website | Demo

基于 iframe 对象。

WYMEditor - jQuery

Official Website | Demo

TinyMCE - non-jQuery

Official Website | Demo

最经典的基于 JavaScript 的编辑器，COMSHARP CMS 默认的编辑器就是这个。

fckeditor - Non-jQuery

Official Website | Demo

功能非常强大。

Yahoo YUI Rich Text Editor - Non-jQuery

Official Website | Demo

基于 Yahoo YUI，简单，但很可靠。

Xinha - Non-jQuery

Official Website | Demo

自由的基于  BSD 许可编辑器，功能完善，很适合同各种系统集成。

本文原文来源：http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors

Grails支持一些不同的方法来产生XML和JSON响应。第一个是隐式的通过render方法。

render方法可以传递一个代码块来执行标记生成器产生XML

def list = {
def results = Book.list()
render(contentType:"text/xml") {
books {
for(b in results) {
book(title:b.title)
}
}
}
}

这段代码的结果将会像这样：

<books>
<book title="The Stand" />
<book title="The Shining" />
</books>

注意，当你使用标记生成器时，必须小心避免命名冲突。例如，这段代码将产生一个错误：

def list = {
def books = Book.list()  // naming conflict here
render(contentType:"text/xml") {
books {
for(b in results) {
book(title:b.title)
}
}
}
}

原因是，这里的一个本地变量books企图作为方法被调用。

使用render方法输出JSON

render 方法可以同样被用于输出JSON:

def list = {
def results = Book.list()
render(contentType:"text/json") {
books {
for(b in results) {
book(title:b.title)
}
}
}
}

在这种情况下，结果就会是大致相同的：

[
{title:"The Stand"},
{title:"The Shining"}
]

同样的命名冲突危险适用于JSON生成器。

自动XML列集(Marshalling)

（译者注：在此附上对于列集(Marshalling)解释：对函数参数进行打包处理得过程，因为指针等数据，必须通过一定得转换，才能被另一组件所理解。可以说列集(Marshalling)是一种数据格式的转换方法。）

Grails同样支持自动列集(Marshalling)领域类为XML通过特定的转换器。

首先，导入grails.converters 类包到你的控制器（Controllers）中：

import grails.converters.*

现在，你可以使用下列高度易读的语法来自动转换领域类成XML：

render Book.list() as XML

输出结果看上去会像下列这样：

<?xml version="1.0" encoding="ISO-8859-1"?>
<list>
<book id="1">
<author>Stephen King</author>
<title>The Stand</title>
</book>
<book id="2">
<author>Stephen King</author>
<title>The Shining</title>
</book>
</list>

一个使用转换器的替代方法是使用Grails的codecs特性。codecs特性提供了encodeAsXML和encodeAsJSON方法:

def xml = Book.list().encodeAsXML()
render xml

自动JSON列集(Marshalling)

Grails同样支持自动列集(Marshalling)为JSON通过同样的机制。简单替代XML 为JSON

render Book.list() as JSON

输出结果看上去会像下列这样：

[
{"id":1,
"class":"Book",
"author":"Stephen King",
"title":"The Stand"},
{"id":2,
"class":"Book",
"author":"Stephen King",
"releaseDate":new Date(1194127343161),
"title":"The Shining"}
]

再次作为一种替代，你可以使用encodeAsJSON达到相同的效果

Note: to only update a div on success, you may optionally substitute a property list for a simply element id (ie {success:’div_name’} instead of ‘div_name’)

Options

Hint: If you have set evalScripts:true the script you call (the url parameter) must return a header of ‘Content-Type: text/javascript’ else the browser will not execute it.

   var oFragment = document.createDocumentFragment();
   for (var i = 0; i < aTRs.length; i++) {
    oFragment.appendChild(aTRs[i]);
   }
   
   oTBody.appendChild(oFragment);
   oTable.sortCol = iCol;
  }
 </script>
  </head>
 
  <body>
    This is my HTML page. <br>
    <table border="1" id="tblSort">
     <thead>
      <tr>
       <th onclick="sortTable('tblSort', 0)" style="cursor:pointer">Last Name</th>
       <th onclick="sortTable('tblSort', 1)" style="cursor:pointer">First Name</th>
       <th onclick="sortTable('tblSort', 2, 'date')" style="cursor:pointer">Birthday</th>
       <th onclick="sortTable('tblSort', 3, 'int')" style="cursor:pointer">Age</th>
      </tr>
     </thead>
     <tbody>
      <tr>
       <td>Smith</td>
       <td>John</td>
       <td>7/12/1978</td>
       <td>31</td>
      </tr>
      <tr>
       <td>Johnson</td>
       <td>Betty</td>
       <td>10/15/1977</td>
       <td>32</td>
      </tr>
      <tr>
       <td>Henderson</td>
       <td>Nathan</td>
       <td>02/22/1982</td>
       <td>27</td>
      </tr>
      <tr>
       <td>Williams</td>
       <td>James</td>
       <td>8/19/1980</td>
       <td>29</td>
      </tr>
      <tr>
       <td>Gilliams</td>
       <td>Michael</td>
       <td>5/13/1972</td>
       <td>39</td>
      </tr>
      <tr>
       <td>Walker</td>
       <td>Matthew</td>
       <td>10/19/1981</td>
       <td>28</td>
      </tr>
     </tbody>
    </table>
  </body>
</html>

function sortTable(sTableID, iCol) {
   var oTable = document.getElementById(sTableID);
   var oTBody = oTable.tBodies[0];
   var colDataRows = oTBody.rows;
   var aTRs = new Array;
   
   for (var i = 0; i < colDataRows.length; i++) {
    aTRs.push(colDataRows[i]);
   }
   
   if (oTable.sortCol == iCol){
    aTRs.reverse();
   } else {
    aTRs.sort(generateCompareTRs(iCol));
   } 
  var oFragment = document.createDocumentFragment();
   for (var i = 0; i < aTRs.length; i++) {
    oFragment.appendChild(aTRs[i]);
   }
   
   oTBody.appendChild(oFragment);
   oTable.sortCol = iCol;
  }

 <BODY>
 <p>Move your mouser over the red square.</p>
 <div id="div1" style="background-color:red; height:50px; width:50px" onmouseover="showTip(event);" onmouseout="hideTip(event);"><div>
 <div id="divTip1" style="background-color:yellow;position:absolute;visibility:hidden;padding:5px">
  <span style="font-weight:bold">Custom Tooltip</span><br/>
 </div>
 </BODY>
</HTML>

 <BODY>
 <div style ="background-color:blue; color:white; font-weight:bold; padding:10px; cursor:pointer" onclick="toggle('divContent1');">Click Here</div>
 <div style="border:3px solid blue; height:100px;padding:10px" id="divContent1">
  This is some content to show and hide.
 </div>
 <div style ="background-color:blue; color:white; font-weight:bold; padding:10px; cursor:pointer" onclick="toggle('divContent2');">Click Here</div>
 <div style="border:3px solid blue; height:100px;padding:10px" id="divContent2">
  This is some content to show and hide.
 </div>
 </BODY>
</HTML>

ShowModalDialog函数的功能：
打开一个子窗口，并且可与父窗口相互传递数据，它与window.open的最大区别就在于由ShowModalDialog打开子窗口后，父窗口将不能操作。
使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
参数说明：
sURL
必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments
可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures
可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
        dialogHeight 对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。
　　 dialogWidth: 对话框宽度。
　　 dialogLeft: 距离桌面左的距离。
　　 dialogTop: 离桌面上的距离。
　　 center: {yes | no | 1 | 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。
　　 help: {yes | no | 1 | 0 }：是否显示帮助按钮，默认yes。
　　 resizable: {yes | no | 1 | 0 } ［ＩＥ５＋］：是否可被改变大小。默认no。
　　 status: {yes | no | 1 | 0 } ［IE5+］：是否显示状态栏。默认为yes[ Modeless]或no  [Modal]。
       scroll:{ yes | no | 1 | 0 | on | off }：指明对话框是否显示滚动条。默认为yes。
参数传递方法：
父窗口向子窗口传递参数采用ShowModalDialog的第2个参数即可，父窗口要获取子窗口传回的参数则可通过ShowModalDialog函数的返回值获取。
子窗口获取父窗口参数的方法为采用子窗口window对象dialogArguments属性获取，例如：
var a=window.dialogArguments;
子窗口向父窗口返回参数采用window.returnValue属性，如：
window.returnValue=1;
window.close();

比如实现上面问题，只需要这样：
var  url = "page.html";
  var retValue = window.showModalDialog(url, "newwindow", "dialogWidth:500px;dialogHeight:200px;help:no;resizable:no;scroll:no;status:no");

二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？
　　在被打开的网页里加上<base target="_self">就可以了。这句话一般是放在<html>和<body>之间的。

三、怎样才刷新showModalDialog和showModelessDialog里的内容？
　　在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠javascript了，以下是相关代码：

<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>

　　将filename.htm替换成网页的名字然后将它放到你打开的网页里，按F5就可以刷新了，注意，这个要配合<base target="_self">使用，不然你按下F5会弹出新窗口的。

四、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
　　<input type="button" value="关闭" onclick="window.close()">
　　也要配合<base target="_self">，不然会打开一个新的IE窗口，然后再关掉的。

具体使用办法，
到snap网站可以申请到一段类似以下形式的代码：

<script defer id="snap_preview_anywhere" type="text/javascript" src="http://spa.snap.com/snap_preview_anywhere.js?ap=1&amp;key=739080a127808f9856fa43a8c91c4d21&amp;sb=1&amp;domain=dimlau.com"></script>

下面说说代码的修改：

1、使用默认的代码，鼠标移动到链接上时显示的效果是带搜索框的，但是可以通过修改代码来去掉搜索框，先看效果对比：

修改方法是，将获得代码中的sb=1改成sb=0

2、默认代码效果是页面中的所有链接都有鼠标划过时显示缩略图效果。如果你想对某个特定链接禁用缩略图效果，可以对该链接加上一个分类来标识；
例如链接

<a href="xxxx">xxx</a>

<a href="xxxx" class="snap_nopreview">xxx</a>

通常，一个页面里大部分链接我们都不想加入缩略图的，所以上述办法有点烦琐了。
其实可以通过修改代码中的ap=1为ap=0来使页面的所有链接在默认情况下不显示缩略图，这时只有链接写成以下格式的情况下才会有缩略图显示：

<a class="snap_preview" href="XXX">XXX</a>

对于上述各种情况，如果链接本身已经有了某个class分类，比如已经分类为class="123",可以用空格来分隔，并赋予多个class分类，比如
class="123 snap_nopreview"或者class="123 snap_preview"

以上为本人的一点小小心得，希望对各位看官有点帮助。
--------------------------------------------------------------------------------------------------------

对于我使用的MT，可以对模版中的评论者网站链接形式加入一个class="snap_preview"来实现对评论者网站界面的初步预览，我觉得是个不错的小工具。
当然其他程序，也可以做相应的修改实现该效果。我就不再多说了。

"^\\d+$"　　//非负整数（正整数 + 0）
"^[0-9]*[1-9][0-9]*$"　　//正整数
"^((-\\d+)|(0+))$"　　//非正整数（负整数 + 0）
"^-[0-9]*[1-9][0-9]*$"　　//负整数
"^-?\\d+$"　　　　//整数
"^\\d+(\\.\\d+)?$"　　//非负浮点数（正浮点数 + 0）
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　　//正浮点数
"^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"　　//非正浮点数（负浮点数 + 0）
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　　//负浮点数
"^(-?\\d+)(\\.\\d+)?$"　　//浮点数
"^[A-Za-z]+$"　　//由26个英文字母组成的字符串
"^[A-Z]+$"　　//由26个英文字母的大写组成的字符串
"^[a-z]+$"　　//由26个英文字母的小写组成的字符串
"^[A-Za-z0-9]+$"　　//由数字和26个英文字母组成的字符串
"^\\w+$"　　//由数字、26个英文字母或者下划线组成的字符串
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"　　　　//email地址
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"　　//url

var months = new Array("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月");
var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var days = new Array("日","一", "二", "三", "四", "五", "六");
var today;

document.writeln("<div id='Calendar' style='position:absolute; z-index:1; visibility: hidden; filter:\"progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3)\"'></div>");

function getDays(month, year)
{
 //下面的这段代码是判断当前是否是闰年的
 if (1 == month)
  return ((0 == year % 4) && (0 != (year % 100))) || (0 == year % 400) ? 29 : 28;
 else
  return daysInMonth[month];
}

function getToday()
{
 //得到今天的年,月,日
 this.now = new Date();
 this.year = this.now.getFullYear();
 this.month = this.now.getMonth();
 this.day = this.now.getDate();
}

function getStringDay(str)
{
 //得到输入框的年,月,日
 var str=str.split("-")
 
 this.now = new Date(parseFloat(str[0]),parseFloat(str[1])-1,parseFloat(str[2]));
 this.year = this.now.getFullYear();
 this.month = this.now.getMonth();
 this.day = this.now.getDate();
}

function newCalendar() {
 var parseYear = parseInt(document.all.Year.options[document.all.Year.selectedIndex].value);
 var newCal = new Date(parseYear, document.all.Month.selectedIndex, 1);
 var day = -1;
 var startDay = newCal.getDay();
 var daily = 0;
 
 if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))
  day = today.day;
  
 var tableCal = document.all.calendar;
 var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear());
 
 for (var intWeek = 1; intWeek < tableCal.rows.length;intWeek++)
  for (var intDay = 0;intDay < tableCal.rows[intWeek].cells.length;intDay++)
  {
   var cell = tableCal.rows[intWeek].cells[intDay];
   if ((intDay == startDay) && (0 == daily))
    daily = 1;
    
   if(day==daily) //今天，调用今天的Class
   {
    cell.style.background='#6699CC';
    cell.style.color='#FFFFFF';
    //cell.style.fontWeight='bold';
   }
   else if(intDay==6) //周六
    cell.style.color='green';
   else if (intDay==0) //周日
    cell.style.color='red';
   
   if ((daily > 0) && (daily <= intDaysInMonth))
   {
    cell.innerText = daily;
    daily++;
   }
   else
    cell.innerText = "";
  }
}

function GetDate(InputBox)
{
 var sDate;
 //这段代码处理鼠标点击的情况
 if (event.srcElement.tagName == "TD")
  if (event.srcElement.innerText != "")
  {
   sDate = document.all.Year.value + "-" + document.all.Month.value + "-" + event.srcElement.innerText;
   eval("document.all."+InputBox).value=sDate;
   HiddenCalendar();
  }
}

function HiddenCalendar()
{
 //关闭选择窗口
 document.all.Calendar.style.visibility='hidden';
}

function ShowCalendar(InputBox)
{
 var x,y,intLoop,intWeeks,intDays;
 var DivContent;
 var year,month,day;
 //var o=document.getElementById(InputBox);
 var o=InputBox;
 var oid=o.id;
 var thisyear; //真正的今年年份
 
 if(!oid)oid=o.name;
 
 thisyear=new getToday();
 thisyear=thisyear.year;
 
 today = o.value;
 if(isDate(today))
  today = new getStringDay(today);
 else
  today = new getToday();
 
 //显示的位置
 x=o.offsetLeft;
 y=o.offsetTop;
 while(o=o.offsetParent)
 {
  x+=o.offsetLeft;
  y+=o.offsetTop;
 }
 document.all.Calendar.style.left=x+2;
 document.all.Calendar.style.top=y+20;
 document.all.Calendar.style.visibility="visible";
 
 //下面开始输出日历表格(border-color:#9DBAF7)
 DivContent="<table border='0' cellspacing='0' style='border:1px solid #0066FF; background-color:#EDF2FC'>";
 DivContent+="<tr>";
 DivContent+="<td style='border-bottom:1px solid #0066FF; background-color:#C7D8FA'>";
 
 //年
 DivContent+="<select name='Year' id='Year' onChange='newCalendar()' style='font-family:Verdana; font-size:12px'>";
 for (intLoop = thisyear - 100; intLoop < (thisyear + 2); intLoop++)
  DivContent+="<option value= " + intLoop + " " + (today.year == intLoop ? "Selected" : "") + ">" + intLoop + "</option>";
 DivContent+="</select>";
 
 //月
 DivContent+="<select name='Month' id='Month' onChange='newCalendar()' style='font-family:Verdana; font-size:12px'>";
 for (intLoop = 0; intLoop < months.length; intLoop++)
  DivContent+="<option value= " + (intLoop + 1) + " " + (today.month == intLoop ? "Selected" : "") + ">" + months[intLoop] + "</option>";
 DivContent+="</select>";
 
 DivContent+="</td>";
 
 DivContent+="<td style='border-bottom:1px solid #0066FF; background-color:#C7D8FA; font-weight:bold; font-family:Wingdings 2,Wingdings,Webdings; font-size:16px; padding-top:2px; color:#4477FF; cursor:hand' align='center' title='关闭' onClick='javascript:HiddenCalendar()'>S</td>";
 DivContent+="</tr>";
 
 DivContent+="<tr><td align='center' colspan='2'>";
 DivContent+="<table id='calendar' border='0' width='100%'>";
 
 //星期
 DivContent+="<tr>";
 for (intLoop = 0; intLoop < days.length; intLoop++)
  DivContent+="<td align='center' style='font-size:12px'>" + days[intLoop] + "</td>";
 DivContent+="</tr>";
 
 //天
 for (intWeeks = 0; intWeeks < 6; intWeeks++)
 {
  DivContent+="<tr>";
  for (intDays = 0; intDays < days.length; intDays++)
   DivContent+="<td onClick='GetDate(\"" + oid + "\")' style='cursor:hand; border-right:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; color:#215DC6; font-family:Verdana; font-size:12px' align='center'></td>";
  DivContent+="</tr>";
 }
 DivContent+="</table></td></tr></table>";

 document.all.Calendar.innerHTML=DivContent;
 newCalendar();
}

function isDate(dateStr)
{
 var datePat = /^(\d{4})(\-)(\d{1,2})(\-)(\d{1,2})$/;
 var matchArray = dateStr.match(datePat);
 if (matchArray == null) return false;
 var month = matchArray[3];
 var day = matchArray[5];
 var year = matchArray[1];
 if (month < 1 || month > 12) return false;
 if (day < 1 || day > 31) return false;
 if ((month==4 || month==6 || month==9 || month==11) && day==31) return false;
 if (month == 2)
 {
  var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
  if (day > 29 || (day==29 && !isleap)) return false;
 }
 return true;
}

      #imgTitle_up
      {
       LEFT: 0px; HEIGHT: 1px; TEXT-ALIGN: left
      }
      #imgTitle_down
      {
       LEFT: 0px; TEXT-ALIGN: right
      }

        
      .imgClass
      {
       BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 0px solid
      }
      #txtFrom
      {
       VERTICAL-ALIGN: middle; TEXT-ALIGN: center
      }
      .button
      {
       PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #7b7b63; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 9px sans-serif; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0px; TEXT-DECORATION: none;width:20;
      }
      A.button
      {
       COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
      }
      A.button:link
      {
       COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
      }
      A.button:visited
      {
       COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
      }
      A.button:hover
      {
       BACKGROUND: #fff; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
      }
      .buttonDiv
      {
       BACKGROUND: #000000; FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 21px; HEIGHT: 1px; TEXT-ALIGN: center
      }
      .trans
      {
       FILTER: progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40); WIDTH: 90px; BACKGROUND-COLOR: #000
      }
      </STYLE>
<SCRIPT language="javascript" type="text/javascript">
     var imgWidth=199;              //图片宽
     var imgHeight=180;             //图片高
     var textFromHeight=0;         //焦点字框高度 (单位为px)
     var textStyle="f12";           //焦点字class style (不是连接class)
     var textLinkStyle="p1"; //焦点字连接class style
     var buttonLineOn="#f60";           //button下划线on的颜色
     var buttonLineOff="#000";          //button下划线off的颜色
     var TimeOut=5000;              //每张图切换时间 (单位毫秒);
     var imgUrl=new Array();
     var imgLink=new Array();
     var imgtext=new Array();
     var imgAlt=new Array();

     var adNum=0;
     //焦点字框高度样式表 开始
     document.write('<style type="text/css">');
     document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}');
     document.write('#txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}');
     document.write('#imgTitle{width:'+imgWidth+';top:-'+(textFromHeight+18)+'px;height:18px}');

     document.write('</style>');
     document.write('<div id="focuseFrom">');//sx1123
     //焦点字框高度样式表 结束
     <%
      //图片新闻
      nmm_al = nmm_scIndex.getPicNews(430,5);
      if(nmm_al!=null&&!nmm_al.isEmpty())
      {
        for(int i=0;i < nmm_al.size();i++)
         {
        Element e = (Element)nmm_al.get(i);

        String picUrl = (e.getLink().equals("")?"/nry.jsp?ID=" + e.getID():e.getLink());
        out.print("imgUrl["+(i+1)+"]='/Upload/"+e.getElse()+"';");
        out.print("imgtext["+(i+1)+"]='<center><a href=\""+ picUrl+"\" TARGET=\"_blank\" class=\"p1\" title="+ e.getTitle() +">"+nmm_scIndex.getSubString(e.getTitle(),30)+"</a></center>';");
        out.print("imgLink["+(i+1)+"]='"+picUrl+"';");
        out.print("imgAlt["+(i+1)+"]='"+e.getTitle()+"';");
       }
      }

      %>

     function changeimg(n)
     {
      adNum=n;
      window.clearInterval(theTimer);
      adNum=adNum-1;
      nextAd();
     }
     function goUrl(){
     window.open(imgLink[adNum],'_blank');
     }
     //NetScape开始
     if (navigator.appName == "Netscape")
     {
     document.write('<style type="text/css">');
     document.write('.buttonDiv{height:4px;width:21px;}');
     document.write('</style>');
     function nextAd(){
      if(adNum<(imgUrl.length-1))adNum++;
      else adNum=1;
      theTimer=setTimeout("nextAd()", TimeOut);
      document.images.imgInit.src=imgUrl[adNum];
      document.images.imgInit.alt=imgAlt[adNum]; 
      document.getElementById('focustext').innerHTML=imgtext[adNum];
      document.getElementById('imgLink').href=imgLink[adNum];
      document.getElementById("imgtext").innerHTML=imgtext[adNum];//////////////////

     }
      document.write('<a id="imgLink" href="'+imgLink[1]+'" target=_blank class="p1"><img src="'+imgUrl[1]+'" name="imgInit" width='+imgWidth+' height='+imgHeight+' border=1 alt="'+imgAlt[1]+'" class="imgClass"></a><div id="txtFrom"><span id="focustext" class="'+textStyle+'">'+imgtext[1]+'</span></div>')//sx1123
      document.write('<div id="imgTitle">');
      document.write('<div id="imgTitle_down">');
     //数字按钮代码开始
     for(var i=1;i<imgUrl.length;i++){document.write('<a href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'">'+i+'</a>');}
     //数字按钮代码结束
      document.write('</div>');
      document.write('</div>');
      document.write('</div>');
      nextAd();
     }
     //NetScape结束
     //IE开始
     else
     {
     var count=0;
     for (i=1;i<imgUrl.length;i++) {
      if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="") ) {
       count++;
      } else {
       break;
      }
     }
     function playTran(){
      if (document.all)
          imgInit.filters.revealTrans.play(); 
         //imgInit.filters.revealTrans.Transition=23;
         //imgInit.filters.revealTrans.apply();
 
     }
     var key=0;
     function nextAd(){
      if(adNum<count)adNum++ ;
      else adNum=1;
      
      if( key==0 ){
       key=1;
      } else if (document.all){
       imgInit.filters.revealTrans.Transition=23;
       imgInit.filters.revealTrans.apply();
            playTran();
      }
      document.images.imgInit.src=imgUrl[adNum];
      document.images.imgInit.alt=imgAlt[adNum]; 
      document.getElementById('link'+adNum).style.background=buttonLineOn;
      for (var i=1;i<=count;i++)
      {
         if (i!=adNum){document.getElementById('link'+i).style.background=buttonLineOff;}
      } 
      focustext.innerHTML=imgtext[adNum];
      theTimer=setTimeout("nextAd()", TimeOut);
      document.getElementById("imgtext").innerHTML=imgtext[adNum];//////////////////
     }
     document.write('<a target=_self href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=1,transition=5);" src="javascript:nextAd()" width='+imgWidth+' height='+imgHeight+' border=0 vspace="0" name=imgInit class="imgClass"></a>');
     document.write('<div id="txtFrom"><span id="focustext" class="'+textStyle+'"></span></div>');
     document.write('<div id="imgTitle">');
     document.write(' <div id="imgTitle_down"> <a class="trans"></a>');
     //数字按钮代码开始
     for(var i=1;i<imgUrl.length;i++)
      {
      document.write('<a id="link'+i+'"  href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'" onFocus="this.blur()">'+i+'</a>');
                       
      }
     //数字按钮代码结束
 
     document.write('</div>');
    
     document.write('</div>');

     
     document.write('</div><table><tr><td height=6></td></tr></table>');
     document.write("<div id='imgtext'></div>");//////////////////
     
     }
     //IE结束
     </SCRIPT>

　　二、【编辑(E)】菜单中的命令的实现
　　〖全选〗命令的实现
　　[格式]:document.execCommand("selectAll")
　　[说明]将选种网页中的全部内容！
　　[举例]在<body></body>之间加入：
　　<a href="#" onclick=document.execCommand("selectAll")>全选</a>

　　三、【查看(V)】菜单中的命令的实现
　　1、〖刷新〗命令的实现
　　[格式]:location.reload() 或 history.go(0)
　　[说明]浏览器重新打开本页。
　　[举例]在<body></body>之间加入：
　　<a href="#" onclick=location.reload()>刷新</a>
　　或加入:<a href="#" onclick=history.go(0)>刷新</a>
　　2、〖源文件〗命令的实现
　　[格式]:location.replace("view-source:"+location)
　　[说明]查看该网页的源代码。
　　[举例]在<body></body>之间加入：
　　<a href="#" onclick=location.replace("view-source:"+location)>查看源文件</a>
　　3、〖全屏显示〗命令的实现
　　[格式]:window.open(document.location,"url","fullscreen")
　　[说明]全屏显示本页。
　　[举例]在<body></body>之间加入：
　　<a href="#" onclick=window.open(document.location,"url","fullscreen")>全屏显示</a>

　　四、【收藏(A)】菜单中的命令的实现
　　1、〖添加到收藏夹〗命令的实现
　　[格式]:window.external.AddFavorite('url', '“网站名”)
　　[说明]将本页添加到收藏夹。
　　[举例]在<body></body>之间加入：
　　<a href="Java script:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的个人主页')">添加到收藏夹</a>
　　2、〖整理收藏夹〗命令的实现
　　[格式]:window.external.showBrowserUI("OrganizeFavorites",null)
　　[说明]打开整理收藏夹对话框。
　　[举例]在<body></body>之间加入：
　　<a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a>

　　五、【工具(T)】菜单中的命令的实现
　　〖internet选项〗命令的实现
　　[格式]:window.external.showBrowserUI("PrivacySettings",null)
　　[说明]打开internet选项对话框。
　　[举例]在<body></body>之间加入：
　　<a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a>

　　六、【工具栏】中的命令的实现
　　1、〖前进〗命令的实现
　　[格式]history.go(1) 或 history.forward()
　　[说明]浏览器打开后一个页面。
　　[举例]在<body></body>之间加入：
　　<a href="#" onclick=history.go(1)>前进</a>
　　或加入:<a href="#" onclick=history.forward()>前进</a>
　　2、〖后退〗命令的实现
　　[格式]:history.go(-1) 或 history.back()
　　[说明]浏览器返回上一个已浏览的页面。
　　[举例]在<body></body>之间加入：
　　<a href="#" onclick=history.go(-1)>后退</a>
　　或加入:<a href="#" onclick=history.back()>后退</a>
　　3、〖刷新〗命令的实现
　　[格式]:document.reload() 或 history.go(0)
　　[说明]浏览器重新打开本页。
　　[举例]在<body></body>之间加入：
　　<a href="#" onclick=location.reload()>刷新</a>
　　或加入:<a href="#" onclick=history.go(0)>刷新</a>
　　
　　七、其它命令的实现
　　〖定时关闭本窗口〗命令的实现
　　[格式]:settimeout(window.close(),关闭的时间)
　　[说明]将关闭本窗口。
　　[举例]在<body></body>之间加入：
　　<a href="#" onclick=settimeout(window.close(),3000)>3秒关闭本窗口</a>

　　如果大家还整理出其他用javascript实现的命令，不妨投稿来和大家分享。
　　【附】为了方便读者，下面将列出所有实例代码，你可以把它们放到一个html文件中，然后预览效果。
　　<a href="#" onclick=document.execCommand("open")>打开</a><br>
　　<a href="#" onclick=location.replace("view-source:"+location)>使用 记事本 编辑</a><br>
　　<a href="#" onclick=document.execCommand("saveAs")>另存为</a><br>
　　<a href="#" onclick=document.execCommand("print")>打印</a><br>
　　<a href="#" onclick=window.close();return false)>关闭本窗口</a><br>
　　<a href="#" onclick=document.execCommand("selectAll")>全选</a><br>
　　<a href="#" onclick=location.reload()>刷新</a>　<a href="#" onclick=history.go(0)>刷新</a><br>
　　<a href="#" onclick=location.replace("view-source:"+location)>查看源文件</a> <br>
　　<a href="#" onclick=window.open(document.location,"url","fullscreen")>全屏显示</a> <br>
　　<a href="Java script:window.external.AddFavorite('http://homepage.yesky.com', '天极网页陶吧')">添加到收藏夹</a> <br>
　　<a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a> <br>
　　<a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a> <br>
　　<a href="#" onclick=history.go(1)>前进1</a>　<a href="#" onclick=history.forward()>前进2</a><br>
　　<a href="#" onclick=history.go(-1)>后退1</a>　<a href="#" onclick=history.back()>后退2</a><br>
　　<a href="#" onclick=settimeout(window.close(),3000)>3秒关闭本窗口</a><br>
"打开,另存为,属性,打印"等14个JS代码
http://www.weiw.com  2003-8-19  伟网动力

■打开■
<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■另存为■
<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■属性■
<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■打印■
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■页面设置■
<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■刷新■
<input type=button value=刷新 name=refresh onclick="window.location.reload()">
■导入收藏■
<input type="button" name="Button" value="导入收藏夹" onClick=window.external.ImportExportFavorites(true,);>
■导出收藏■
<input type="button" name="Button3" value="导出收藏夹" onClick=window.external.ImportExportFavorites(false,);>
■加入收藏■
<INPUT name=Button2 onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏夹>
■整理收藏夹■
<INPUT name=Submit2 onclick="window.external.ShowBrowserUI(OrganizeFavorites, null)" type=button value=整理收藏夹>
■查看原文件■
<INPUT name=Button onclick=window.location = "view-source:" + window.location.href type=button value=查看源文件>
■语言设置■
<INPUT name=Button onclick="window.external.ShowBrowserUI(LanguageDialog, null)" type=button value=语言设置>
■前进■
<INPUT name=Submit onclick=history.go(1) type=submit value=前进>
■后退■
<INPUT name=Submit2 onclick=history.go(-1) type=submit value=后退>