PHP開發架構Yii Framework教程(39) Zii組件-Slider樣本

CJuiSlider顯示一滑動條，可以通過滑動條來縮放映像或用作其它功能，它封裝了 JUI slider外掛程式。

本例通過CJuiSlider來縮放一副映像：

<?php $this->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;'                  ),  )); ?>    <div id="zoom" >50%</div>  <br />    <img id="image" width="324" src="images/harry.jpg">

<?php $this->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;'                  ),  )); ?>    <div id="zoom" >50%</div>  <br />    <img id="image" width="324" src="images/harry.jpg">

以上就是PHP開發架構Yii Framework教程(39) Zii組件-Slider樣本的內容，更多相關內容請關注topic.alibabacloud.com（www.php.cn）！

