18HUI - popoverMsg（hui('#btn1').popoverMsg）

效果图

使用说明

需要引用 hui-popover-msg.js

hui(单一元素选择器).popoverMsg(directionX, directionY, msg, width, height, addSets)

参数 :

1. directionX 消息横向的展示方向，可选参数，默认 left， 在指定元素右侧展示 可以取值 left 或者 right。
2. directionX 消息竖向的展示方向，可选参数，默认 down，在指定元素下面展示 可以取值 down 或者 up。
3. msg 消息内容（文本或者html）。
4. width 消息框宽度，可选参数，默认与参照元素同宽，应该为一个整数类型。
5. height 消息框宽度，可选参数默认 auto，应该为一个整数类型，注意设置高度后如果内容超过指定高度会产生竖向滚动。
6. addSets 消息框top和left的偏移值增量（用来调整消息框位置），对象类型，2个属性 left 和 top 应该为整数类型，可选参数，默认：{left:0, top:0};}

代码

HUI




    

    HUI 


    

        

        
popovermsg
        

    
    

        《静夜思》
        《春晓》
        《相思》
        《江雪》
        pop 菜单
   




hui('#btn1').popoverMsg('left', 'down', '
床前明月光，疑是地上霜。举头望明月，低头思故乡。
');
hui('#btn2').popoverMsg('right', 'down', '
春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。
', 220);
hui('#btn3').popoverMsg('left', 'up', '
红豆生南国，春来发几枝。愿君多采撷，此物最相思。
', 220);
hui('#btn4').popoverMsg('right', 'up', '
千山鸟飞绝，万径人踪灭。孤舟蓑笠翁，独钓寒江雪。
', 220);
var menu = '
菜单1菜单2菜单3菜单4菜单5
';
hui('#btn5').popoverMsg('right', 'up', menu, 220, 150);