rounded_corners:jquery生成圆角 - drupal模板应用必备模组

 

还在使用图片拼贴圆角或者其他特殊角?赶快用rounded_corners吧!

rounded_corners是使用jquery来作用的。超简单!

rounded_corners设定使用基本方法

template.php中加入以下语句

 

$commands = array();
$commands[] = array('selector' => '样式选择器', 'effect' => 'round', 'corners' => '', 'width' => 6);
rounded_corners_add_corners($commands);
 
以上语句中有三个变量:
  • 样式选择器:可以是.类,也可以是标签,也可以是#高级指定
  • 'corners' => '' --------------默认为作用于4个角,也可以是指定的任意角,如'corners' => 'top' -------------则作用于上面的两个角
  •  'width' => 6------------------数字是圆角的半径

 

举例:

 

$commands = array();
$commands[] = array('selector' => '#abc', 'effect' => 'round', 'corners' => 'bottom', 'width' => 12);
rounded_corners_add_corners($commands);
 
即:对#abc的div进行底部两个角12px半径的圆角处理
 

 

drupal官方指导:http://groups.drupal.org/node/5455#addingtoatheme