Projects

j-widget

jWidget: a mini javascript widget library。包括轮播SlideView，TabView等，目前刚刚起步，只有很简单的几个功能，待完善。。。 支持 独立版、qzfl（已完成）、jquery、ext、yui（待完成）。 SlideView轮播： 代码： ... [More] 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）,如样式中已有，会自动获取，一般无需填写 */ TabView切换： 代码： 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' */ [Less]