黑马程序员技术交流社区

标题: 【上海校区】)Zii组件-Slider示例 [打印本页]

---

作者: 梦缠绕的时候    时间: 2019-1-28 10:40
标题: 【上海校区】)Zii组件-Slider示例

CJuiSlider显示一滑动条，可以通过滑动条来缩放图像或用作其它功能，它封装了 JUI slider插件。

本例通过 CJuiSlider来缩放一副图像：

widget('zii.widgets.jui.CJuiSlider', array(         'value'=>50,    'options'=>array(                'min'=>1,                'max'=>100,                'slide'=>'js:            function(event,ui){                $("#image").width(648*ui.value/100);                $("#zoom").text(ui.value+"%");            }        ',                ),            'htmlOptions'=>array(                'style'=>'width:648px; float:left;'                 ),)); ?>50%

---

作者: 不二晨    时间: 2019-2-14 14:42
奈斯

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2