摘要: 不知不觉,已经进行到了jquery tools六大功能的第五个功能——expose的学习了,废话不多说,直接进入正题。 如overlay的学习,首先给出操作的html目标代码:[c-sharp] view plaincopy<divid="test">exposetest!</div><divstyle="margin:0auto;width:300px"><imgsrc="http://flowplayer.org/tools/img/expose/ball_large.png"mce_sr 阅读全文
posted @ 2012-07-30 17:39 piuba 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 接着上次scrollable的学习,今天继续jquery tools六大功能的第四个功能——overlay的学习。 如scrollable的学习,首先给出操作的html目标代码:[xhtml] view plaincopy<buttonrel="#overlay">Openoverlay</button><buttonrel="#overlay2">Otheroverlay</button><divclass="overlay"id="overlay">& 阅读全文
posted @ 2012-07-30 17:38 piuba 阅读(669) 评论(0) 推荐(0) 编辑
摘要: 接上一节jquery tools 之 scrollable(一),本文详细介绍scrollable中方法使用及本文完整示例。scrollable提供的一系列获取scrollable对象的方法具体使用方式如下:[javascript] view plaincopyvarscrollable=$("div.scrollable").scrollable();//alert(scrollable.getConf().prev);//获取配置对象中的prev属性scrollable.getConf().speed=200;//设置配置对象的speed属性//alert(scroll 阅读全文
posted @ 2012-07-30 17:37 piuba 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 接着上次tabs的学习,今天继续jquery tools六大功能的第二个功能——tooltip的学习。 如tabs的学习,首先给出操作的html目标代码:[javascript] view plaincopy<formid="myform"><h3>RegistrationForm</h3><!--username--><labelfor="username">Username</label><inputid="username"/><divcl 阅读全文
posted @ 2012-07-30 17:36 piuba 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 接着上次juery tools之tooltip的学习,今天继续jquery tools六大功能之第三功能——scrollable的学习。一如既往,首先给出操作的html代码(此html代码修改自jquery tools官方网站demo代码):<!--navigator--><divclass="navi"></div><!--prevlink--><aclass="prev"></a><!--rootelementforscrollable--><divclass= 阅读全文
posted @ 2012-07-30 17:36 piuba 阅读(367) 评论(0) 推荐(0) 编辑
摘要: jquery用这么久了,觉得虽然没ExtJS等框架全面,功能强大,但是也确实做到了“the write less,do more”,而且学起来也方便,只需要仔细研读一下它官方网站的API Reference,操作起来基本问题不是太大。 虽然方便好用,但是个人觉得其在UI方面的表现不是太出彩,今天无意中看到jquery tools-- 一种基于jquery的UI表现框架,其UI功能展示风格类似(或模仿)flex。该框架提供了tabs(选项卡/页签)overlay(覆盖 层),tooltip(提示框),scrollable(滚动信息栏),expose(突出显示),flahembed(视频播放嵌入) 阅读全文
posted @ 2012-07-30 17:30 piuba 阅读(983) 评论(0) 推荐(0) 编辑