其他代码

FontIconPicker -小巧jQuery字体图标选择器

也想出现在这里?联系我们
创客云

FontIconPicker -小巧jQuery字体图标选择器-云模板
fontIconPicker 是一款非常小巧的 jQuery 字体图标选择器。 通过它可以将字体图标以网格列表的形式展现,并可以选择其中的一个字体图标。它还提供了分页和搜索功能。fontIconPicker 通过该 SELECT 表单来生成,数据由 Fontello 的 config.json 或 IcoMoon 的 selection.json 提供。HTML 结构可以使用一个 select 或 INPUT[type="text"]来生成。

引入 js 文件

  1. <!-- jQuery -->
  2. <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
  3.  
  4. <!-- fontIconPicker JS -->
  5. <script type="text/javascript" src="jquery.fonticonpicker.min.js"></script>
也想出现在这里?联系我们
创客主机

引入 css 文件

  1. <!-- fontIconPicker core CSS -->
  2. <link rel="stylesheet" type="text/css" href="jquery.fonticonpicker.min.css" />
  3.  
  4. <!-- required default theme -->
  5. <link rel="stylesheet" type="text/css" href="themes/grey-theme/jquery.fonticonpicker.grey.min.css" />
  6.  
  7. <!-- optional themes -->
  8. <link rel="stylesheet" type="text/css" href="themes/dark-grey-theme/jquery.fonticonpicker.darkgrey.min.css" />
  9. <link rel="stylesheet" type="text/css" href="themes/bootstrap-theme/jquery.fonticonpicker.bootstrap.min.css" />
  10. <link rel="stylesheet" type="text/css" href="themes/inverted-theme/jquery.fonticonpicker.inverted.min.css" />

调用插件

  1. // Make sure to fire only when the DOM is ready
  2. jQuery(document).ready(function($) {
  3.   $('#myselect-default').fontIconPicker();
  4.     $('#myselect-inverted').fontIconPicker({
  5.       theme: 'fip-inverted'
  6.     }); // Load with default options
  7. });
也想出现在这里?联系我们
创客主机

Github 参考:https://github.com/micc83/fontIconPicker

服务范围 1、专业提供WordPress主题、插件汉化、优化、PHP环境配置等服务请详询在线客服
2、本站承接 WordPress、DedeCMS、ThinkPHP 等系统建站、仿站、开发、定制等服务
3、英文模板(主题)安装费用为120元/次,汉化主题首次免费安装(二次安装30元/次)
售后时间 周一至周五(法定节假日除外) 10:00-22:00
免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 2107117185@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!
也想出现在这里?联系我们
360uxc
免费下载
(0)

本文由 云模板 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

热评文章

发表评论

精彩推荐

Medizin - 医疗器械医护用品外贸商店WooCommerce汉化主题

Envato Affiliates

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!

嘿,欢迎咨询!