http://www.cnblogs.com/58top/archive/2013/01/11/free-jquery-tooltip-plugins.html

小胡子 2013-03-20 22:00 发表评论

添加代码到编辑器

首先设置一个id为editor的div 然后在script里面调用ace.edit()方法，代码如下

您可以重命名变量，为了方便起见，我定义了var editor作为变量，你也可以定义var demoeditor作为变量。第二行声明使用哪种类型的语言高亮显示。您可以从 src 目录选择其他语言集合。这里是一些支持支持的语言集合：

• SQL
• Ruby
• SASS
• PHP
• Objectivec
• Csharp
• Java
• JSON

 使用额外的参数

这3行代码是关于文本输入效果的，第一行改变代码默认的语法颜色和主题，在src目录下个有几十个新的主题，你可以从中任意选择

另外两个选项是关于用户体验。通常情况下，按一个键盘上的Tab键将输入4个空格，这里我设置成2个空格，此外，该文本在默认情况下将不会自动换行，超了会追加一个水平滚动条向外延伸。但使用这种方法setUseWrapMode（true），我们可以修复自动换行的问题。

还有一些其他的命令，你可以参考ACE向导。这里面包含了改变光标的位置，动态添加新内容，或复制的文本的全部内容。

CSS代码

 

http://www.cnblogs.com/58top/archive/2013/01/28/building-a-syntax-highlighted-input-box-with-javascript.html

小胡子 2013-03-20 21:35 发表评论

所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象  
ui.helper - 表示sortable元素的JQuery对象，通常是当前元素的克隆对象  
ui.position - 表示相对当前对象，鼠标的坐标值对象{top,left}  
ui.offset - 表示相对于当前页面，鼠标的坐标值对象{top,left}  
ui.item - 表示当前拖拽的元素  
ui.placeholder - 占位符（如果有定义的话）  
ui.sender - 当前拖拽元素的所属sortable对象（仅当元素是从另一个sortable对象传递过来时有用）  

·参数（参数名 : 参数类型 : 默认值）  
appendTo : String : 'parent'
Defines where the helper that moves with the mouse is being appended to during the drag (for example, to resolve overlap/zIndex issues).  
初始：$('.selector').sortable({ appendTo: 'body' });  
获取：var appendTo = $('.selector').sortable('option', 'appendTo');  
设置：$('.selector').sortable('option', 'appendTo', 'body');  

axis : String : false   
如果有设置，则元素仅能横向或纵向拖动。可选值：'x', 'y'
初始：$('.selector').sortable({ axis: 'x' });  
获取：var axis = $('.selector').sortable('option', 'axis');  
设置：$('.selector').sortable('option', 'axis', 'x');  

cancel : Selector : ':input,button'   
阻止排序动作在匹配的元素上发生。  
初始：$('.selector').sortable({ cancel: 'button' });  
获取：var cancel = $('.selector').sortable('option', 'cancel');  
设置：$('.selector').sortable('option', 'cancel', 'button');  

connectWith : Selector : false   
允许sortable对象连接另一个sortable对象，可将item元素拖拽到另一个中。  
初始：$('.selector').sortable({ connectWith: '.otherlist' });  
获取：var connectWith = $('.selector').sortable('option', 'connectWith');  
设置：$('.selector').sortable('option', 'connectWith', '.otherlist');  

containment : Element, String, Selector : false   
约束排序动作只能在一个指定的范围内发生。可选值：DOM对象, 'parent', 'document', 'window', 或jQuery对象  
初始：$('.selector').sortable({ containment: 'parent' });  
获取：var containment = $('.selector').sortable('option', 'containment');  
设置：$('.selector').sortable('option', 'containment', 'parent');  

cursor : String : 'auto'
定义在开始排序动作时，如果的样式。  
初始：$('.selector').sortable({ cursor: 'crosshair' });  
获取：var cursor = $('.selector').sortable('option', 'cursor');  
设置：$('.selector').sortable('option', 'cursor', 'crosshair');  

cursorAt : Object : false   
当开始移动时，鼠标定位在的某个位置上（最多两个方向）。可选值：{ top, left, right, bottom }.  
初始：$('.selector').sortable({ cursorAt: 'top' });  
获取：var cursorAt = $('.selector').sortable('option', 'cursorAt');  
设置：$('.selector').sortable('option', 'cursorAt', 'top');  

delay : Integer : 0  
以毫秒为单位，设置延迟多久才激活排序动作。此参数可防止误点击。  
初始：$('.selector').sortable({ delay: 500 });  
获取：var delay = $('.selector').sortable('option', 'delay');  
设置：$('.selector').sortable('option', 'delay', 500);  

distance : Integer : 1  
决定至少要在元素上面拖动多少像素后，才正式触发排序动作。  
初始：$('.selector').sortable({ distance: 30 });  
获取：var distance = $('.selector').sortable('option', 'distance');  
设置：$('.selector').sortable('option', 'distance', 30);  

dropOnEmpty : Boolean : true   
是否允許拖拽到一個空的sortable对象中。  
初始：$('.selector').sortable({ dropOnEmpty: false });  
获取：var dropOnEmpty = $('.selector').sortable('option', 'dropOnEmpty');  
设置：$('.selector').sortable('option', 'dropOnEmpty', false);  

forceHelperSize : Boolean : false   
If true, forces the helper to have a size.  
初始：$('.selector').sortable({ forceHelperSize: true });  
获取：var forceHelperSize = $('.selector').sortable('option', 'forceHelperSize');  
设置：$('.selector').sortable('option', 'forceHelperSize', true);  

forcePlaceholderSize : Boolean : false
If true, forces the placeholder to have a size.  
初始：$('.selector').sortable({ forcePlaceholderSize: true });  
获取：var forcePlaceholderSize = $('.selector').sortable('option', 'forcePlaceholderSize');  
设置：$('.selector').sortable('option', 'forcePlaceholderSize', true);  

grid : Array : false   
将排序对象的item元素视为一个格子处理，每次移动都按一个格子大小移动，数组值：[x,y]  
初始：$('.selector').sortable({ grid: [50, 20] });  
获取：var grid = $('.selector').sortable('option', 'grid');  
设置：$('.selector').sortable('option', 'grid', [50, 20]);  

handle : Selector, Element : false   
限制排序的动作只能在item元素中的某个元素开始。  
初始：$('.selector').sortable({ handle: 'h2' });  
获取：var handle = $('.selector').sortable('option', 'handle');  
设置：$('.selector').sortable('option', 'handle', 'h2');  

helper : String, Function : 'original'   
设置是否在拖拽元素时，显示一个辅助的元素。可选值：'original', 'clone'
初始：$('.selector').sortable({ helper: 'clone' });  
获取：var helper = $('.selector').sortable('option', 'helper');  
设置：$('.selector').sortable('option', 'helper', 'clone');  

items : Selector : '> *'   
指定在排序对象中，哪些元素是可以进行拖拽排序的。  
初始：$('.selector').sortable({ items: 'li' });  
获取：var items = $('.selector').sortable('option', 'items');  
设置：$('.selector').sortable('option', 'items', 'li');  

opacity : Float : false   
定义当排序时，辅助元素(helper)显示的透明度。  
初始：$('.selector').sortable({ opacity: 0.6 });  
获取：var opacity = $('.selector').sortable('option', 'opacity');  
设置：$('.selector').sortable('option', 'opacity', 0.6);  

placeholderType: StringDefault: false   
设置当排序动作发生时，空白占位符的CSS样式。  
初始：$('.selector').sortable({ placeholder: 'ui-state-highlight' });  
获取：var placeholder = $('.selector').sortable('option', 'placeholder');  
设置：$('.selector').sortable('option', 'placeholder', 'ui-state-highlight');  

revert : Boolean : false
如果设置成true，则被拖拽的元素在返回新位置时，会有一个动画效果。  
初始：$('.selector').sortable({ revert: true });  
获取：var revert = $('.selector').sortable('option', 'revert');  
设置：$('.selector').sortable('option', 'revert', true);  

scroll : Boolean : true
如果设置成true，则元素被拖动到页面边缘时，会自动滚动。  
初始：$('.selector').sortable({ scroll: false });  
获取：var scroll = $('.selector').sortable('option', 'scroll');  
设置：$('.selector').sortable('option', 'scroll', false);  

scrollSensitivity : Integer : 20   
设置当元素移动至边缘多少像素时，便开始滚动页面。  
初始：$('.selector').sortable({ scrollSensitivity: 40 });  
获取：var scrollSensitivity = $('.selector').sortable('option', 'scrollSensitivity');  
设置：$('.selector').sortable('option', 'scrollSensitivity', 40);  

scrollSpeed : Integer : 20  
设置页面滚动的速度。  
初始：$('.selector').sortable({ scrollSpeed: 40 });  
获取：var scrollSpeed = $('.selector').sortable('option', 'scrollSpeed');  
设置：$('.selector').sortable('option', 'scrollSpeed', 40);  

tolerance : String : 'intersect'
设置当拖动元素越过其它元素多少时便对元素进行重新排序。可选值：'intersect', 'pointer'
intersect：至少重叠50%  
pointer：鼠标指针重叠元素  
初始：$('.selector').sortable({ tolerance: 'pointer' });  
获取：var tolerance = $('.selector').sortable('option', 'tolerance');  
设置：$('.selector').sortable('option', 'tolerance', 'pointer');  

zIndex : Integer : 1000  
设置在排序动作发生时，元素的z-index值。  
初始：$('.selector').sortable({ zIndex: 5 });  
获取：var zIndex = $('.selector').sortable('option', 'zIndex');  
设置：$('.selector').sortable('option', 'zIndex', 5);  


·事件  

start  
当排序动作开始时触发此事件。  
定义：$('.selector').sortable({ start: function(event, ui) { ... } });  
绑定：$('.selector').bind('sortstart', function(event, ui) { ... });  

sort  
当元素发生排序时触发此事件。  
定义：$('.selector').sortable({ sort: function(event, ui) { ... } });  
绑定：$('.selector').bind('sort', function(event, ui) { ... });  

change  
当元素发生排序且坐标已发生改变时触发此事件。  
定义：$('.selector').sortable({ change: function(event, ui) { ... } });  
绑定：$('.selector').bind('sortchange', function(event, ui) { ... });  

beforeStop  
当排序动作结束之前触发此事件。此时占位符元素和辅助元素仍有效。  
定义：$('.selector').sortable({ beforeStop: function(event, ui) { ... } });  
绑定：$('.selector').bind('sortbeforeStop', function(event, ui) { ... });  

stop  
当排序动作结束时触发此事件。  
定义：$('.selector').sortable({ stop: function(event, ui) { ... } });  
绑定：$('.selector').bind('sortstop', function(event, ui) { ... });  

update  
当排序动作结束时且元素坐标已经发生改变时触发此事件。  
定义：$('.selector').sortable({ update: function(event, ui) { ... } });  
绑定：$('.selector').bind('sortupdate', function(event, ui) { ... });  

receive  
当一个已连接的sortable对象接收到另一个sortable对象的元素后触发此事件。  
定义：$('.selector').sortable({ receive: function(event, ui) { ... } });  
绑定：$('.selector').bind('sortreceive', function(event, ui) { ... });  

over  
当一个元素拖拽移入另一个sortable对象后触发此事件。  
定义：$('.selector').sortable({ over: function(event, ui) { ... } });  
绑定：$('.selector').bind('sortover', function(event, ui) { ... });  

out  
当一个元素拖拽移出sortable对象移出并进入另一个sortable对象后触发此事件。  
定义：$('.selector').sortable({ out: function(event, ui) { ... } });  
绑定：$('.selector').bind('sortout', function(event, ui) { ... });  

activate  
当一个有使用连接的sortable对象开始排序动作时，所有允许的sortable触发此事件。  
定义：$('.selector').sortable({ activate: function(event, ui) { ... } });  
绑定：$('.selector').bind('sortactivate', function(event, ui) { ... });  

deactivate  
当一个有使用连接的sortable对象结束排序动作时，所有允许的sortable触发此事件。  
定义：$('.selector').sortable({ deactivate: function(event, ui) { ... } });  
绑定：$('.selector').bind('sortdeactivate', function(event, ui) { ... });  


·方法  
destory  
从元素中移除拖拽功能。  
用法：.sortable( 'destroy' )  

disable  
禁用元素的拖拽功能。  
用法：.sortable( 'disable' )  

enable  
启用元素的拖拽功能。  
用法：.sortable( 'enable' )  

option  
获取或设置元素的参数。  
用法：.sortable( 'option' , optionName , [value] )  

serialize  
获取或设置序列化后的每个item元素的id属性。  
用法：.sortable( 'serialize' , [options] )  

toArray  
获取序列化后的每个item元素的id属性的数组。  
用法：.sortable( 'toArray' ）  

refresh  
手动重新刷新当前sortable对象的item元素的排序。  
用法：.sortable( 'refresh' )  

refreshPositions  
手动重新刷新当前sortable对象的item元素的坐标，此方法可能会降低性能。  
用法：.sortable( 'refreshPositions' )  

cancel  
取消当前sortable对象中item元素的排序改变。  
用法：.sortable( 'cancel' )


排序后保存有两种方法，一是cookie，二是数据库配置文件等。
这个是cookie  的例子 大家可以参考 http://www.cnblogs.com/tianxiangbing/archive/2010/01/26/jquery_sortable.html

下面是数据库的部分代码 原作：
    $(function() {
        var show = $(".loader"); 
        var orderlist = $(".orderlist");
        var listleft = $("div[id = 'column_left']");
        var listcenter = $("div[id = 'column_center']");
        var listright = $("div[id = 'column_right']");
        $( ".column" ).sortable({
        opacity: 0.5,//拖动的透明度
        revert: true, //缓冲效果
        cursor: 'move', //拖动的时候鼠标样式
        connectWith: ".column",
        //开始用update 结果执行两次，浪费资源，古改成stop
        //但是stop在元素没有改变位置的时候也会执行，
        //用update其他js会有问题，^_^
        stop: function(){
            var new_order_left = []; //左栏布局
            var new_order_center = [];//中栏布局
            var new_order_right = [];//右栏布局
            listleft.children(".portlet").each(function() {
                new_order_left.push(this.title);
             });
            listcenter.children(".portlet").each(function() {
                new_order_center.push(this.title);
             });
            listright.children(".portlet").each(function() {
                new_order_right.push(this.title);
             });
            var newleftid = new_order_left.join(',');
            var newcenterid = new_order_center.join(',');
            var newrightid = new_order_right.join(',');
            $.ajax({
               type: "post",
               url: jsonUrl, //服务端处理程序
               data: { leftid: newleftid, centerid: newcenterid, rightid:newrightid},   //id:新的排列对应的ID,order：原排列顺序
//               beforeSend: function() {
//                    show.html(" 正在更新");
//               },
               success: function(msg) {
                    //alert(msg);
                    show.html("");
               }
            });
       }    
        });

原文出自：

小胡子 2013-03-01 12:44 发表评论

 1 (function($) {
 2   var cache = [];
 3   // Arguments are image paths relative to the current page.
 4   $.preLoadImages = function() {
 5     var args_len = arguments.length;
 6     for (var i = args_len; i--;) {
 7       var cacheImage = document.createElement('img');
 8       cacheImage.src = arguments[i];
 9       cache.push(cacheImage);
10     }
11   }
12 
13 jQuery.preLoadImages("image1.gif", "/path/to/image2.png");

1 $('a[@rel$='external']').click(function(){
2      this.target = "_blank";
3 });
4 
5 /*
6    Usage:
7    <a href="http://www.catswhocode.com" rel="external">catswhocode.com</a>
8 */

1 /* 该代码只有1行，但是最简单的用来检测浏览器是否支持 JavaScript 的方法，如果支持 JavaScript 就在 body 元素增加一个 hasJS 的 class */
2 $('body').addClass('hasJS');

 1 $(document).ready(function() {
 2     $("a.topLink").click(function() {
 3         $("html, body").animate({
 4             scrollTop: $($(this).attr("href")).offset().top + "px"
 5         }, {
 6             duration: 500,
 7             easing: "swing"
 8         });
 9         return false;
10     });
11 });

1 $(document).ready(function(){
2     $(".thumbs img").fadeTo("slow", 0.6); // This sets the opacity of the thumbs to fade down to 60% when the page loads
3 
4     $(".thumbs img").hover(function(){
5         $(this).fadeTo("slow", 1.0); // This should set the opacity to 100% on hover
6     },function(){
7         $(this).fadeTo("slow", 0.6); // This should set the opacity back to 60% on mouseout
8     });
9 });

1 var max_height = 0;
2 $("div.col").each(function(){
3     if ($(this).height() > max_height) { max_height = $(this).height(); }
4 });
5 $("div.col").height(max_height);

 1 (function(){
 2     if(!/*@cc_on!@*/0)
 3         return;
 4     var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}
 5 })()
 6 
 7 //然后在head中引入该js
 8 <!--[if lt IE 9]>
 9 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
10 <![endif]-->

 1 var supports = (function() {
 2    var div = document.createElement('div'),
 3       vendors = 'Khtml Ms O Moz Webkit'.split(' '),
 4       len = vendors.length;
 5 
 6    return function(prop) {
 7       if ( prop in div.style ) return true;
 8 
 9       prop = prop.replace(/^[a-z]/, function(val) {
10          return val.toUpperCase();
11       });
12 
13       while(len--) {
14          if ( vendors[len] + prop in div.style ) {
15             // browser supports box-shadow. Do what you need.
16             // Or use a bang (!) to test if the browser doesn't.
17             return true;
18          }
19       }
20       return false;
21    };
22 })();
23 
24 if ( supports('textShadow') ) {
25    document.documentElement.className += ' textShadow';

1 $.urlParam = function(name){
2     var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
3     if (!results) { return 0; }
4     return results[1] || 0;
5 }

1 $("#form").keypress(function(e) {
2   if (e.which == 13) {
3     return false;
4   }
5 });

小胡子 2013-03-01 09:53 发表评论

小胡子 2012-07-15 19:58 发表评论

基本介绍

　　jQuery Tools 是基于 jQuery 开发的网站界面库，包含网站最常用的Tabs（选项卡）、Tooltip（信息提示）、Overlay（遮罩、弹窗）、Scrollable（滚动控 制）、Form Validator（表单验证）、Rangeinput（范围选择）、Dateinput（日期选择）等众多功能。jQuery Tools 提供了高自定义的API接口，能够帮助开发者非常容易的实现所需要的功能，带给用户更佳的使用体验。

 

 

　　相比 jQuery UI，jQuery Tools 提供了作为网站应用更需要使用的功能，jQuery Tools 提供的功能分为三部分，分别是 UI Tools，Form Tools 和 Tools Box，下面会对每个功能模块分别作介绍，另外 jQuery Tools 要比 jQuery UI 的界面更精美，可定制性更好。除此之外，jQuery Tools 核心代码使用 GZIP 压缩后只有3.9KB，及时包括搜有的扩展功能也才14KB，要比 jQuery UI 轻量很多。

UI Tools

　　UI Tools 部分包括Tabs、Tooltip、Overlay和Scrollable四个功能模块，各功能模块的Demo如下：

　　Tabs（选项卡）

 

 

1. Minimal setup for tabs
2. Naming the tabs
3. 4 different skins with CSS
4. Using mouseover to switch tabs
5. Making wizards with the tabs
6. Making accordions with tabs
7. Customizing the accordion effect
8. Horizontal accordion using the tabs
9. Multiple tabs and accordion instances
10. Handling browsers back button
11. Loading tab contents with ajax
12. AJAXed tabs with history support
13. Slideshow plugin for the tabs

　　Tooltip（信息提示）

 

  

1. Basics of using the tooltip
2. Using any HTML inside the tooltip
3. Imitating browsers default tooltip
4. Using tooltips in form fields
5. Using tooltips in tables or lists
6. Custom tooltip effect
7. Dynamic positioning of the tooltip

　　Overlay（遮罩、弹窗）

 

 

1. Minimal setup for overlay
2. The apple effect for overlay
3. Creating modal dialogs with overlay
4. Opening overlays programmatically
5. Overlays with different styles
6. Loading external pages into overlay
7. Multiple overlays on the same page
8. Creating a customized overlay effect

　　Scrollable（信息滚动）

 

 

1. Minimal setup for scrollable
2. A vertical scrollable
3. A simple scrollable image gallery
4. Gallery with multiple scrollables
5. A scrollable registration wizard
6. Scrollable plugins in action
7. Browser back button navigation
8. jQuery tools home page setup
9. A complete navigational system
10. Add and remove items from scrollable
11. Customizing the scrolling animation

Form Tools

　　Form Tools 部分包括Validator、Rangeinput和Dateinput三个功能模块，各功能模块的Demo如下：

 

 

　　Validator（表单验证）

1. Minimal setup for validator
2. Custom input types and attributes
3. Server & client-side validation
4. Error Summary
5. Validator events in action
6. Localizing the validator

　　Rangeinput（范围选择）

1. Minimal setup for rangeinput
2. A couple of vertical ranges
3. Multiple small ranges
4. A custom scrollbar for a DIV

　　Dateinput（日期选择）

1. Minimal setup for dateinput
2. A large skin for Dateinput
3. Customizing Dateinput behavior
4. Prompting for start and end dates
5. Calendar that is always available
6. Localizing the Dateinput (french)

Tools Box

　　Tools Box 部分包括Expose、Flashembed和Combinations三个功能模块，各功能模块的Demo如下：

 

 

　　Expose（突出重点）

1. Minimal setup for expose
2. Styling the mask
3. Exposing a form
4. Exposing videos with a custom mask

　　Flashembed（嵌入Flash）

1. Basics of Flash embedding
2. Flashembed and jQuery
3. Loading flash on a mouse click
4. Placing HTML on top of a flash object
5. Handling old flash versions
6. Flashembed and Flowplayer

　　Combinations（整合功能）

1. HTML5 form inside an overlay
2. An artist’s portfolio
3. Speeding up the portfolio

 

您可能还喜欢

 

• 基于 HTML5 Canvas 的图片放大镜
• RoboVoice.com：让你的网页会说话
• 8个超棒的免费高质量图标搜索引擎
• 分享5个有趣的 JavaScript 代码片段
• 推荐一个很棒的免费自助建站工具

 

本文链接：jQuery Tools：Web开发必备的 jQuery UI 库

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

小胡子 2012-07-15 19:56 发表评论

 

 

9. Awesomeness

 

小胡子 2012-07-15 19:40 发表评论

流体布局（一）

jQuery插件:jQuery.Waterfall.js, js的计算方法

jQuery1.4.4,IE8.0,opera,firefox,chrome测试通过

围观请点击:http://3vke.com

下载地址:Waterfall on github

1.使用方法:

①.加载jQuery库;
②.加载jQuery.Waterfull.js , 必须在jQuery库之后;
③.调用接口: $node.waterfull({/* 此处为设置选项, 可留空 */}) , 如:

$('#container').waterfall({})

2.设置选项:

3.Ajax说明:

流体布局（二）

固定宽度的流体布局的个人思路：参考文献：@qiqiboy javascript 图片预加载 

思路如下：

1.imgReady可以在图片没有加载完成之前，通过头信息获取到图片的大小（这种方法相当天才），于是我建立一个局部的数组，将图片高度储存起来:（div的高度亦可）

2.通过浏览器的宽度，来判断一行可以放几张图（假定3张），再建立一个全局数组，保存数据：

3.排序，用for循环，每一次通过比较argg[i]和args的最小值，来确定下一个div放置的位置，放完之后，把args的最小值重新赋值：

新版iphoto主题，采用如上方法布局，包含ajax后只有8Kb，相当廉价，新版首页观光地址：http://icold.me/photo

1.流体布局主题iPhoto新版首页观光地址：http://icold.me/photo

2.流体布局js计算方法以及js源代码下载:流体布局（三） 

 

 

流体布局（三）

本文主要写固定宽度流体布局中的处理办法（全文以iphoto主题为例）

1.先看看Html结构

#container宽度我设定为1050px, .post-home宽度设定为350px,具体的css就不写了（也就是3列）

2.js的算法

3.最重要的问题

假如不能及时得到img的高度，将会错位，所以这里推荐再谈javascript图片预加载技术, 如果你嫌麻烦，可以用$(window).load(function(){})把上面的代码包括起来，$(window).load可以在图片加载完成之后执行内部的代码。

小胡子 2012-07-15 18:16 发表评论

<div data-role="header">     <h1>鑫空间-鑫生活</h1>     <a href="#" data-icon="arrow-r" data-iconpos="right">中文</a> </div>

小胡子 2012-07-14 22:47 发表评论

小胡子 2012-07-12 22:53 发表评论

小胡子 2012-06-12 12:47 发表评论