Chinaunix首页 | 论坛 | 博客
  • 博客访问: 637170
  • 博文数量: 233
  • 博客积分: 2221
  • 博客等级: 大尉
  • 技术积分: 3184
  • 用 户 组: 普通用户
  • 注册时间: 2010-02-16 14:01
个人简介

瓜瓜派的瓜瓜

文章分类

全部博文(233)

文章存档

2013年(28)

2012年(197)

2011年(8)

分类: jQuery

2013-02-06 17:16:12

玩玩jQuery UI吧。
下载你喜欢的theme对应的jQuery UI打包文件,在页面最下端,比如我选择south-street主题的UI:


解压放好目录,写一个Hello,World:


    charset="utf-8">
   </span><span style="line-height:normal;background-color:#FFFFFF;">Hello jQuery UI</span><span style="line-height:normal;color:#062873;font-weight:bold;">
   src = jquery-ui-1.9.2.custom_south-street-theme/js/jquery-1.8.3.js>
   src = jquery-ui-1.9.2.custom_south-street-theme/js/jquery-ui-1.9.2.custom.min.js>
    rel=stylesheet type=text/css
   href=jquery-ui-1.9.2.custom_south-street-theme/css/south-street/jquery-ui-1.9.2.custom.min.css />


    id=tabs>
       

               
  •  href=#tab1>第一页

  •            
  •  href=#tab2>第二页

  •            
  •  href=#tab3>第三页

  •            
  •  href=#tab4>第四页

  •            
  •  href=#tab5>第五页

  •        

        id=tab1>第一页内容

        id=tab2>第二页内容
        id=tab3>第三页内容
        id=tab4>第四页内容
        id=tab5>第五页内容
   
   


用浏览器打开看看:


后面慢慢玩下去......

阅读(2420) | 评论(2) | 转发(0) |
给主人留下些什么吧!~~

CU博客助理2013-04-09 13:53:54

嘉宾点评:jQuery此乃前端开发之利器,博主2gua对jQuery UI进行了初步探索,首先下载某款主题,然后在HTML页面中引用相关文件并设计页面UI结构。博文叙述清晰,表达准确,图文并茂。当然这次只是玩而已,所以代码还不够严谨,特别是在引号处理上容易使网页小白起疑。博文请再接再励,下个月跑个Ext和jQuery的小Demo出来溜溜。
(以上是邀请嘉宾点评,感谢您参与“原创博文评选”获奖结果即将公布)

Bean_lee2013-02-09 00:16:51

UI功能,我是真玩不起,自己提不起兴趣来。
我这个人就是爱好泛滥,容易对各个领域感兴趣,但是UI,真心搞不了。