使用说明

<form action="/search" method="get">
  <input id="wd" name="q" placeholder="搜索本站" />
</form>


<script
 type="text/javascript"
 src="https://css-js.mo.cloudinary.net/1.0"
 onerror="(function(f,n){n.setAttribute('type','text/javascript');n.setAttribute('src','//opensug.pages.dev/1.0');n.setAttribute('onload',f.getAttribute('onload'));n.setAttribute('async','true');f.parentNode.insertBefore(n,f);f.parentNode.removeChild(f)}(this,window.document.createElement('script')));"
 onload="if(typeof window.openSug==='function'&&window.document.getElementById('wd')!=null&&window.document.getElementById('wd').tagName==='INPUT')window.openSug(
    'wd',
 {  source:'baidu',
    sugSubmit:true,
    width:'',
    XOffset:'-5',
    YOffset:'-10',
    fontColor:'#ff0000',
    fontColorHI:'#0000ff',
    bgcolor:'#ffffff',
    bgcolorHI:'#ff6600',
    fontFamily:'monospace',
    fontSize:'13px',
    padding:'2px 2px 2px 2px',
    radius:'2px 2px 2px 2px',
    borderColor:'#008000',
    shadow:'0px 16px 10px #808080'
 });"
 async></script>

openSug( "wd", { // 目标搜索框id
    bgcolor : "#fff", // 提示框的背景色.
    bgcolorHI : "#f60", // 提示框高亮项的背景色.
    borderColor : "#00800", // 提示框的边框颜色.
    fontColor : "#f00", // 提示框中文字的颜色.
    fontColorHI : "#00f", // 提示框中高亮文字的颜色.
    fontFamily : "Montserrat,sans-serif", // 提示框中文字的字体.
    fontSize : "14px", // 提示框中文字的字号.
    padding : "2px 2px 2px 2px", // 提示框的内边距
    radius : "2px 2px 2px 2px", // 边框的圆角半径.
    shadow : "0px 16px 10px #808080", // 边框的阴影效果.
    source : "baidu", // 提示框的数据来源.
    sugSubmit : true, // 选中提示词时是否自动提交表单.
    width : "+10", // 提示框的宽度, 建议留空（null）.
    XOffset : "-5", // 提示框相对于输入框的横向偏移, 负值向右偏移
    YOffset : "-10" // 提示框相对于输入框的纵向偏移, 负值向下偏移
  });