JQuery UI皮肤定制

2016-02-19 15:40 4 1 收藏

有一种朋友不在生活里，却在生命力；有一种陪伴不在身边，却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗？话不多说下面就和大家分享JQuery UI皮肤定制吧。

【 tulaoshi.com - Web开发】

http://jqueryui.com/themeroller/
进入此页面便可以定制自己的UI皮肤了

如上图，在网页的左侧的tab栏上单击Gallery选项，便会在下方列出Jquery官方提供的皮肤，点击任意一套皮肤下面的Edit便会跳到Rool Your Own，在你选中的皮肤基础上便可定制出自己想要的皮肤，定制过程是所见即所得，所有用起来很方便，定制完后，点击Rool Your Own下方的Download theme跳到下载页面，

在下载页面右侧点击Download按钮就可以把皮肤下载到自己的机器上，在下载之前你可以选择下载1.7.2版的还是1.6版的，页面中还有其它选项，可以有选择的下载各个UI插件的皮肤样式，比如说Dialog、Tabls等，一般全选，不然就没意义了。下载后我们会得到一个jquery-ui-1.7.2.custom.zip压缩包，解压后，定制的皮肤文件在"下载文件夹jquery-ui-1.7.2.customdevelopment-bundlethemescustom-theme"文件夹下。

来源:http://www.tulaoshi.com/n/20160219/1610169.html

上一篇： linux下如何用exp导出oracle10g的数据
下一篇：开发跨浏览器JavaScript时要注意的问题

看过《JQuery UI皮肤定制》的人还看了以下文章更多>>

用jQuery扩展自写的 UI导航

标签： Web开发

代码如下: (function($){ $.navs=function(){ return $('#top_menu_bar li').each(function(){ $(this).hover( function(){ $(this).find('ul:eq(0)').show(); }, function(){ $(this).find('ul:eq(0)').hide(); } ); }); }; })(jQuery); 上面是直接定义属性。下面是种常见的方法：代码如下: jQuery.ext...

jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)

标签： Web开发

代码如下： $(document).ready(function(){ $('#tabs').tabs({add:addEventHandler}); //给tabs块绑定addEventHandler事件 $('#newtabs').click(addTab); }) var tabCounter = 1; function addTab(){ if(tabCounter 6){ alert('tabs can not more than 6!'); return; } $('div'+'New tab'+tabCounter+'/div').appendTo('#tabs'); ...

jQuery ui1.7 dialog只能弹出一次问题

标签： Web开发

代码如下: // 显示确认对话框 function showConfirm(txtTitle, txtMsg, callback){ getDivDialog().text(txtMsg).dialog({ modal: true , overlay: { opacity: 0.5 } , title: txtTitle ,buttons: { "是" : function(){ callback(); $(this).dialog("close"); } ,"否" : function(){ $(this).dialog("close"); } } })...

穿越火线主题QQ皮肤UI设计欣赏

标签：平面设计标志设计 UI设计 VI设计

SkyUI为腾讯互动娱乐设计的CF穿越火线主题QQ皮肤。

百度手机浏览器评测：定制极速内核焕新UI

标签：手机软件应用软件

百度手机浏览器评测：定制极速内核焕新UI 百度做手机浏览器的时间不长，但其产品不可谓不强大，情人节之际百度手机浏览器也终于推出了正式版，不仅从外观可以看到全新的风格设计，而且内部本身也有着经过全新优化的定制内核做后盾，和Webapp的加入做拓展，今天就来尝个鲜，看看正式版的百度手机浏览器比之前的公测版，到底有多少突破之作...

查看更多精彩>>