navTab的刷新在doc文件里也有说明 首先 在form表单里指定好回调函数 * <form action="/user.do?method=save" onsubmit="return validateCallback(this, navTabAjaxDone)"> 如果不指定回调函数的话框架会默认使用DWZ.ajaxDone() <div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><b>[html]</b> <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_2" src="//static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_2" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=2&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-xml"><li class="alt"><span><span>function navTabAjaxDone(json){ </span></span></li><li class=""><span> </span></li><li class="alt"><span> DWZ.ajaxDone(json); </span></li><li class=""><span> //注意返回的JSON的数据结构 </span></li><li class="alt"><span> if (<span class="attribute">json.statusCode</span><span> == DWZ.statusCode.ok){ </span></span></li><li class=""><span> if (json.navTabId){ </span></li><li class="alt"><span> //把指定navTab页面标记为需要“重新载入”。注意navTabId不能是当前navTab页面的 </span></li><li class=""><span> navTab.reloadFlag(json.navTabId); </span></li><li class="alt"><span> </span></li><li class=""><span> } else { </span></li><li class="alt"><span> //重新载入当前navTab页面 </span></li><li class=""><span> navTabPageBreak(); </span></li><li class="alt"><span> </span></li><li class=""><span> } </span></li><li class="alt"><span> if ("closeCurrent" == json.callbackType) { </span></li><li class=""><span> </span></li><li class="alt"><span> setTimeout(function(){navTab.closeCurrentTab();}, 100); </span></li><li class=""><span> </span></li><li class="alt"><span> } else if ("forward" == json.callbackType) { </span></li><li […]
View DetailsDate 对象用于处理日期和时间。 创建 Date 对象的语法： var myDate=new Date() Date 对象会自动把当前日期和时间保存为其初始值。 参数形式有以下５种： new Date("month dd,yyyy hh:mm:ss"); new Date("month dd,yyyy"); new Date(yyyy,mth,dd,hh,mm,ss); new Date(yyyy,mth,dd); new Date(ms); 注意最后一种形式，参数表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。各种函数的含义如下： month:用英文表示月份名称，从January到December mth:用整数表示月份，从（１月）到１１（１２月） dd:表示一个月中的第几天，从1到31 yyyy:四位数表示的年份 hh:小时数，从0（午夜）到23（晚11点） mm:分钟数，从0到59的整数 ss:秒数，从0到59的整数 ms:毫秒数，为大于等于0的整数 如： new Date("January 12,2006 22:19:35"); new Date("January 12,2006"); new Date(2006,0,12,22,19,35); new Date(2006,0,12); new Date(1137075575000); Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 getYear() 请使用 getFullYear() 方法代替。 getHours() 返回 Date 对象的小时 (0 ~ 23)。 getMinutes() 返回 Date 对象的分钟 […]
View DetailsHTML5 和 CSS3 是用来编写网站的两种语言，这里我们向你介绍 10 个非常不错的在线工具，可帮你自动生成很多 HTML5 和 CSS3 代码，节省你大量的时间。 CSS3.me
View DetailsJQuery Age Demo || Download FLIPCLOCK.JS – JQUERY PLUGIN TIMER, CLOCK, COUNTDOWN WITH FLIP EFFECT
View DetailsAristochart DEMO || Download Aristochart 是一个用来创建图形和图表的最佳 JavaScript 工具包之一。完全可定制的灵活线图库。
View DetailsNet.Tuts’ Tab Interface 本教程帮助网页设计者、开发者和程序员创建选项卡界面,只需要一行代码搞定 Alfajango.com’s Easy Tabs ( DEMO || DOWNLOAD) Unwrongest.com’s Tabify ( DEMO || DOWNLOAD) Red Team Design’s Google Play’s Minimal Tabs ( DEMO || DOWNLOAD) Codrops’ Fancy Sliding Form ( DEMO || DOWNLOAD) Raymond Selda’s Tab Content Rotator 这是一个很棒的选项卡菜单，支持旋转 Republic of 3’s HTML Tabs Will P’s Blog’s Animated Feedback Tabs 动画的带反馈的 Tab Thingy，很多网站在使用，非常简单，只适用了一些隐藏层实现切换 CSS Tricks’ Organic Tabs ( DEMO || DOWNLOAD) Organic Tabs 可防止选项卡切换时的卡顿，提供更平滑和快速的移动 Tutorialzine’s Sweet Tabs ( DEMO || DOWNLOAD) Net.tuts’ Blogroll Net.tuts’ Slick Tab Content Sunsean’s idTabs ( DEMO || DOWNLOAD) Queness’ Moving and Sliding Tab ( DEMO || DOWNLOAD) 9 Lessons’ Tab Style Login and […]
View Details定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。 提示和注释： 提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。 可选的属性 DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset. 属性 值 描述 DTD align left right top middle bottom 不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。 TF frameborder 1 0 规定是否显示框架周围的边框。 TF height pixels % 规定 iframe 的高度。 TF longdesc URL 规定一个页面，该页面包含了有关 iframe 的较长描述。 TF marginheight pixels 定义 iframe 的顶部和底部的边距。 TF marginwidth pixels 定义 iframe 的左侧和右侧的边距。 TF name frame_name 规定 iframe 的名称。 TF scrolling yes no […]
View DetailsSockJS 是一个浏览器上运行的 JavaScript 库，如果浏览器不支持 WebSocket，该库可以模拟对 WebSocket 的支持，实现浏览器和 Web 服务器之间低延迟、全双工、跨域的通讯通道。 SockJS family: SockJS-client JavaScript client library SockJS-node Node.js server SockJS-erlang Erlang server SockJS-tornado Python/Tornado server SockJS-twisted Python/Twisted server vert.x Java/vert.x server Work in progress: SockJS-ruby SockJS-netty SockJS-gevent (SockJS-gevent fork) pyramid-SockJS wildcloud-websockets SockJS-cyclone wai-SockJS SockJS-perl SockJS-go 转自:http://www.oschina.net/p/sockjs
View Details当你开发网站和 Web 应用时，使用合适的工具可以节省大量的时间。本文我将收集一些非常有用的 CSS 编码工具，希望对你有帮助。 Pure CSS Pure 是来自雅虎的 CSS 框架，使用 Normalize.CSS 无需任何 JavaScript 代码。框架基于响应式设计，提供多种样式的组件，包括表格、表单、按钮、表、导航等。标识使用非常简单，整个框架非常轻量级，压缩后只有 5.7k。 主页: http://purecss.io/ CSS only responsive navigation 在今天响应式排版已经非常流行了，这里包含一些可下载和可重用的响应式导航菜单，只需要 CSS 足以。 主页: http://valdelama.com/css-responsive-navigation CSS Trashman 当我们在开发一个大项目时，很难让 CSS 代码保持短小精干，但无需担心，CSS Trashman 可以帮你不少忙。这是一个很有用的在线工具用来检测你的网站，压缩样式，并最终下载最精简的 CSS 文件。 主页: http://www.csstrashman.com/ Glue 加载大量的图片，还是将这些图片变成一张大图片一次性加载，当然是后者更好，降低浏览器和服务器的交互。这样的技术成为 CSS Sprites。Glue 是一个简单的命令行工具可以让你轻松的将图片合并到一张大突破，然后通过 CSS 来使用这些图片。 主页: https://github.com/jorgebastida/glue Helium CSS Helium 是一个前端响应式 Web 框架，用于使用 HTML5 + CSS3 快速制作原型以及开发产品。Helium 很像 Twitter Bootstrap 和 ZURB Foundation，事实上 Helium 使用了二者不少的代码。但与这两个框架不同的是，Helium 设计更加轻量级，而且更容易修改。Helium 只有30k 左右，而 Bootstrap 有 100k 之多，ZURB 有两百多k。 主页: https://github.com/geuis/helium-css Topcoat Topcoat 是一个 CSS 框架用于快速创建简单、简洁的 Web 应用。 主页: http://topcoat.io/ .Fitgrd .Fitgrd 是一个用来构建响应式网站的基础 主页: […]
View DetailsAll Around – jQuery Content Slider / Carousel All in one Slider jQuery Banner Rotator / Content Slider Full Width Slider 2 Layer Slider (Must see parallax effects) Lush – Content Slider Parallax Slider – Responsive jQuery Plugin RoyalSlider – Touch-Enabled jQuery Image Gallery Showbiz Pro Responsive Teaser jQuery Slider Plugin Bubble Slideshow Effect with jQuery CIRCULAR CONTENT CAROUSEL WITH JQUERY FlexSlider Lateral On-Scroll Sliding with jQuery Responsive Image Gallery with Thumbnail Carousel Agile Carousel Awkward Showcase jQuery Plugin Coda Slider Effect Content Slider with jQuery UI Dynamic-Carousel […]
View Details