码迷,mamicode.com
首页 > Web开发 > 详细

zk jquery的使用

时间:2014-11-26 20:40:41      阅读:307      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   os   使用   sp   

jQuery_effects.zul:

<?page title="Jquery" contentType="text/html;charset=UTF-8"?>
<z:zk xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
        xmlns:z="http://www.zkoss.org/2005/zul" 
        xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul">
<z:hlayout width="600px">
    <z:separator width="150px"/>
    <z:window id="testWin" title="This is a Window" border="normal" width="300px">
        <z:vlayout style="text-align:center;">
            <z:image src="/images/green.png"/>
            jQuery Effect Test
        </z:vlayout>
        
    </z:window>
    
    <z:window>
        <z:include src="jQuery_effects_ctrl.zul"/>
    </z:window>
</z:hlayout>
</z:zk>

jQuery_effects_ctrl.zul:

<?page title="Jquery" contentType="text/html;charset=UTF-8"?>
<z:zk xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
        xmlns:z="http://www.zkoss.org/2005/zul" 
        xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul">
<z:groupbox closable="false" sclass="z-demo-config" xmlns:zk=‘client‘>
    <z:caption label="Effect" />
    <z:vlayout>
        <z:button height="30px" width="100%" label="Slide Down" 
            zk:onClick="jq(‘$testWin‘).hide().slideDown(1000)" />
        <z:button height="30px" width="100%" label="Slide Up" 
            zk:onClick="jq(‘$testWin‘).show().slideUp(1000)" />
        <z:button height="30px" width="100%" label="Fade In" 
            zk:onClick="jq(‘$testWin‘).hide().fadeIn()" />
        <z:button height="30px" width="100%" label="Fade Out" 
            zk:onClick="jq(‘$testWin‘).show().fadeOut()" />
        <z:button height="30px" width="100%" label="Slide Toggle" 
            zk:onClick="jq(‘$testWin‘).slideToggle(1000)" />
    </z:vlayout>
</z:groupbox>
</z:zk>

 

zk jquery的使用

标签:style   blog   http   io   ar   color   os   使用   sp   

原文地址:http://www.cnblogs.com/langdangyunliu/p/4124808.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!