首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 平面设计 > 图形图像 >

jQuery插件imageTick兑现复选和单选框转化为图片

2012-11-05 
jQuery插件imageTick实现复选和单选框转化为图片?二,HTML部分??三,Javascript部分?script typetext/jav

jQuery插件imageTick实现复选和单选框转化为图片
?

二,HTML部分

?

?

三,Javascript部分

?

<script type="text/javascript">$(document).ready(function(){$("input[name='biuuu']").imageTick({tick_image_path: "images/radio.gif",no_tick_image_path: "images/no_radio.gif", image_tick_class: "radios"});});</script>
?

如上实例,把name为biuuu的复选框转化为图片,直接调用jQuery插件imageTick即可,对于单选框的使用方式也一样,使用非常简单,其中相关参数说明如下:

tick_image_path表示转化的图片
no_tick_image_path表示没有转化的图片
image_tick_class表示显示的CSS效果

?

具体可查看imageTick实例,同时可了解一下imageTick插件的JS库文件,掌握表单元素的替换原理。

点我下载imageTick源程序
http://jquerycodes.googlecode.com/files/imagetick.rar

热点排行