CalloutManager

在SharePoint中很多弹出的提示样式挺好看，不仅想整一个耍耍。如下图：

老办法，看一下html中的class名字得知为：Callout

谷歌之---官方文档：http://msdn.microsoft.com/zh-cn/library/dn135236.aspx

 
 

然后自己做测试效果如下：

不啰嗦代码如下：

 
 

<script type="text/javascript">

SP.SOD.executeFunc("callout.js", "Callout", function () {

 
 

var _point = document.getElementById("mydiv");

var listCallout = CalloutManager.createNew({

launchPoint:_point,

beakOrientation: "leftRight",

ID: "myCallOut",

title: "Windows RT操作系统",

content: "<div id='info'>10月28日消息，微软在去年带来了自己为平板设备量身定做的Windows RT操作系统，但该系统由于种种的不完善受到了一致的恶评。因此，搭载Windows RT的Surface RT平板电脑也因为"先天不足"而反响平平。不过微软也并没有放弃这个系列，随着Windows RT 8.1升级的推出，微软也带来了Surface的第二代产品。</div>",

});

var customAction = new CalloutActionOptions();

customAction.text = '显示文字';

customAction.onClickCallback = function (event, action) {

var info = document.getElementById('info');

alertInfo(info.innerText);

};

var _newCustomAction = new CalloutAction(customAction);

listCallout.addAction(_newCustomAction);

});

function alertInfo(info) {

alert(info);

}

</script>

<div id="mydiv" style="width:120px;">鼠标点击弹出！</div>

 
 

结合客户端对象模型随意发挥用法。