论坛首页 Web前端技术论坛

jWidget:js slide轮播、tab页签

浏览 5760 次
精华帖 (0) :: 良好帖 (1) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-10-31   最后修改:2009-11-04

jWidget: a mini javascript widget library。个人业余写的小型js widget库,刚刚起步,目前已实现轮播SlideView,TabView等,后期会考虑pager分页码、下拉选择框、走马灯等常用widget。

jWidget的目标是:小巧、灵活、强大

 

目前完全独立版压缩后 6.64 KB,

QZFL版压缩后 4.80 KB,

后期会考虑YUI、jQuery等版本。

 

google code 地址:http://code.google.com/p/j-widget/

代码及实例下载:http://j-widget.googlecode.com/files/j-widget.zip

 

 

欢迎各位批评指正,优化。

 

jWidget.ui.SlideView("slider1", {panelWrapper:"slide_panel",navWrapper:"slide_nav"});
jWidget.ui.SlideView("slider2", {effect: 'scrolly'});
jWidget.ui.SlideView("slider3", {effect: 'scrolly fade'});
jWidget.ui.SlideView("slider4", {effect: 'fade', navWrapper : 'slider4_nav'});
jWidget.ui.SlideView("slider5", {effect: 'fade'});  
 
	/**
	 * Slide轮播效果
	 * @param {json} 配置参数
	 *		@param {String|HTMLElement} container 包括id号,或则Html Element对象,Slider容
	 *		@param eventType         'mouseover' or 'click',默认'mouseover'
	 *		@param autoPlay          是否自动播放,默认自动播放
	 *		@param autoPlayInterval  自动播放间隔时间,默认3秒
	 *		@param effect            播放效果 'none','scrollx', 'scrolly', 'fade'
	 *		@param panelWrapper     Slide内容item的容器,默认为Slider容器的firstChild
	 *		@param navWrapper        Slide导航的容器,默认为Slider容器的secondChild
	 *		@param navClassOn        navs鼠标移上后的样式,默认为'on'
	 *		@param slideTime         滑动时延
	 *		@param width             宽度(srcollx),如样式中已有,会自动获取,一般无需填写
	 *		@param height            高度(scrolly),如样式中已有,会自动获取,一般无需填写
	 */
 

 

jWidget.ui.TabView("theme", {panelWrapper : 'theme_panel', navWrapper : 'theme_nav'});	
jWidget.ui.TabView("sale", {panelWrapper : 'danpin1_panel', navWrapper : 'danpin1_nav', navClassOn:'tab_on'});
jWidget.ui.TabView("tab2",{"type":"list"});

 

	/**
	 * Tab切换效果
	 * @param {json} 配置参数
	 *		@param {String|HTMLElement} container 包括id号,或则Html Element对象,Slider容
	 *		@param eventType         'mouseover' or 'click',默认'mouseover'
	 *		@param type              'normal'普通 or 'list'间隔形式(参考demo3)
	 *		@param panelWrapper      Slide内容item的容器,默认为Slider容器的firstChild
	 *		@param navWrapper        Slide导航的容器,默认为Slider容器的secondChild
	 *		@param navClassOn        navs鼠标移上后的样式,默认为'on'
	 */
 

 

   发表时间:2009-11-08  
建议楼主可以考虑独立jquery版本方面,也可以方便使用 ,个人浅见
0 请登录后投票
   发表时间:2009-11-09  
确实  不要依赖jquery就更好
0 请登录后投票
   发表时间:2009-11-21  
这种小东东不需要拉扯个jquery进来吧
0 请登录后投票
   发表时间:2009-11-23  
jQuery就是被设计成方便操作DOM的一个库,能用就用,方便多了。
0 请登录后投票
   发表时间:2009-11-25  
abruzzi 写道
jQuery就是被设计成方便操作DOM的一个库,能用就用,方便多了。



好奇怪,为什么那么多人扯上jQuery。
我这个东西和jQuery没有任何关系呀!!!
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics