源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

dojo学习第一天 Tab选项卡 实现

  • 时间:2021-12-05 05:01 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:dojo学习第一天 Tab选项卡 实现
其实不然,用《精通Dojo》里的话来说就是"Dojo不只是一个程序库,而是一个工具包",它比其他所有的JS库的插件更全面更广阔。它包含大约40个用户界面控件、1个图形框架、cometd支持、1个打包系统,还有其他的一些东西。 从dojo官方网站 上下载最新版1.6,解压下来,它有三个文件夹分别是: [img]http://files.jb51.net/upload/201108/20110828182049133.png[/img]   1. dojo: 是Dojo基础,你要做的其它事情都是在它的基础上,类似于jquery.js文件,但比它更丰富了一些其他功能; 2. dijit : Dojo的小部件框架及内建的小控件集.(大约有40个HTML用户小控件); 3 dojox: Dojo的扩展库,包含了从表格小部件到绘图库的所有功能。  了解了这些就足够了,虽然才发布到1.6,没有像jquery那样到6.1,但dojo绝对是强大的,选择它,将是你一生不变的追求。(广告词)  (注:dojo始于2004年,alex发起,然后经过众多DHTML专家开发,所以它现在已经很成熟了。)  接下来,我们要来配置我们的第一个例子,准备好了吗?dojo旅程正式开始,我们要做一个表单注册的例子. 首先我们要引用它的主题样式:
[url=http://www.lovewebgames.com/dojoroot/myStudy/study_001.html]http://www.lovewebgames.com/dojoroot/myStudy/study_001.html[/url] [img]http://files.jb51.net/upload/201108/20110828182049115.png[/img] 完整代码:
[u]复制代码[/u] 代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>第一天 </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <style> @import url(../dijit/themes/tundra/tundra.css); @import url(../dojo/resources/dojo.css); </style> <script src='../dojo/dojo.js' djConfig='parseOnLoad:true'></script> <script> dojo.require("dojo.parser"); dojo.require('dijit.layout.ContentPane'); dojo.require('dijit.layout.TabContainer'); </script> <style> .myForm{width:600px;height:300px;line-height:1.6;} .myForm label{width:150px;float:left;} </style> </head> <body class="tundra"> <div dojoType='dijit.layout.TabContainer' class="myForm"> <div dojoType='dijit.layout.ContentPane' title='个人信息'> <label for="firstName">First Name:</label><input type='text' id='firstName' /></br> <label for="lastName">Last Name:</label><input type='text' id='lastName' /></br> <label for="middleInitial">Middle Initial:</label><input type='text' id='middleInitial' /></br> </div> <div dojoType='dijit.layout.ContentPane' title='联系地址'> <label>Email:</label><input type='text' id='email' /></br> <label>Address:</label><input type='text' id='address' /></br> <label>State:</label><input type='text' id='state' /></br> <label>City:</label><input type='text' id='city' /></br> <label>Country:</label><input type='text' id='country' /></br> </div> <div dojoType='dijit.layout.ContentPane' title='联系电话'> <label>Work Phone:</label><input type='text' id='workPhone' /></br> <label>Home Phone:</label><input type='text' id='homePhone' /></br> <label>Cell Phone:</label><input type='text' id='CellPhone' /></br> </div> </div> </body> </html>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部