jquery.searchHighlighted,js jquery划词搜索插件

jquery.searchHighlighted,js jquery划词搜索插件

jquery.searchHighlighted,js jquery划词搜索插件

第一步引入bfwone,加载依赖jquery

第二步执行插件,参数解释

node: '<button>插件搜索</button>',//划词提示内容

cssClass: 'btn btn-primary',  //css样式

minLength: 2, // 最小划取值

maxLength: 144 * 2,// 最大划取值

extra: '',  // 关键词附加参数

url: 'http://one.bfw.wiki//Oplugin/Search/key/', //跳转url地址

popArgs: 'width=1000,height=600,toolbar=0,location=0'   // open 自定义参数

示例如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["jquery.searchHighlighted"], function() {
                $('body').searchHighlighted({
                    node: '<button>插件搜索</button>',
                    //css样式
                    cssClass: 'btn btn-primary',
                    // 最小划取值
                    minLength: 2,
                    // 最大划取值
                    maxLength: 144 * 2,
                    // 关键词附加参数
                    extra: '',
                    //跳转url地址
                    url: 'http://one.bfw.wiki//Oplugin/Search/key/',
                    // open 自定义参数
                    popArgs: 'width=1000,height=600,toolbar=0,location=0'
                });
            });
        });
    </script>
    <style>
    </style>
</head>
<body>


    背景表单美化上传表格选项卡幻灯片
</br>星级评分弹出层选择器图表布局界面图片放大加载滚动菜 </br>单导航视觉差异拖放搜索悬停动画多媒体三维电商验证粒 </br>子红包大转盘瀑布流进度条响应式画廊相册在线客服表 </br>白搞笑游戏其他

</body>
</html>


立即下载jquery.searchHighlighted,js查看所有js插件

网友评论0

程序员在线工具箱