1.網(wǎng)頁圖片集左右滑動查看圖片,如下樣例:
js效果
代碼如下:
var pictures = [];
angular.forEach(pitctures,function(k,i){
pictures[i] = k.imgPath;
});
$scope.previewPics = function(currentUrl){
if (typeof window.WeixinJSBridge != 'undefined') {
//微信圖片集查看
WeixinJSBridge.invoke('imagePreview', {
'current':currentUrl, //當(dāng)前地址
'urls':pictures //組
});
} else {
alert( "請在微信中查看", null, function () {});
}
}
頁面元素:
代碼如下:
<div class="infoPics">
<div class="picImg" ng-repeat="picture in info.infoContent.pitctures">
<img ng-src="{{picture.imgPath}}" ng-click="previewPics(picture.imgPath)">
</div>
</div>
2.微信窗口關(guān)閉事件,實例如下:
代碼如下:
WeixinJSBridge.invoke('closeWindow',{},function(res){
//alert(res.err_msg);
});
3.分享網(wǎng)頁鏈接至朋友、朋友圈、微博
代碼如下:
var lineLink = 'http://../..',
imgUrl = 'http://../..',
shareTitle = '頁面標(biāo)題',
descContent='內(nèi)容簡介',
appid = '';
//判斷是否支持微信js
if(typeof WeixinJsBridge == 'undefined'){
if(document.addEventListener){
document.addEventListener('WeixinJsBridgeReady',onBridgeReady,false);
}else if(document.attachEvent){
document.attachEvent('WeixinJsBridgeReady',onBridgeReady);
document.attachEvent('onWeixinJsBridgeReady',onBridgeReady);
}
}else{
onBridgeReady();
}
function onBridgeReady (){
WeixinJsBridgeReady.on('menu:share:appmessage',wx_shareFriend);//分享朋友
WeixinJsBridgeReady.on('menu:share:timeline',wx_shareTimeline);//分享到朋友圈
WeixinJsBridgeReady.on('menu:share:weibo',wx_shareWeibo);//分享朋友
}
新聞熱點
疑難解答