<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS3点击展开分享按钮功能 - 网页模板</title>
<link href="css/zzsc.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class='share-button share-button-top'></div>
<div class='share-button share-button-left'></div>
<div class='share-button share-button-bottom'></div>
<div class='share-button share-button-bottom'></div>
<script src='js/jquery.min.js'></script>
<script src='js/share.js'></script>
<script>
$(function(){
$('.share-button-top').share({
title: 'Share Button Mutiple Element Test',
image: 'http://carrot.is/img/fb-share.jpg',
app_id: '602752456409826',
background: 'rgba(255,255,255,.5)',
color: '#3B2B45',
flyout: 'top center'
});
$('.share-button-left').share({
title: 'Share Button Multiple Instantiation Test',
image: 'http://carrot.is/img/fb-share.jpg',
app_id: '602752456409826',
background: 'rgba(255,255,255,.5)',
color: '#3B2B45',
flyout: 'bottom left'
});
$('.share-button-bottom').share({
title: 'Share Button Multiple Instantiation Test',
image: 'http://carrot.is/img/fb-share.jpg',
app_id: '602752456409826',
background: 'rgba(255,255,255,.5)',
color: '#3B2B45',
flyout: 'top right'
});
});
</script>
<div style="text-align:center;clear:both">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
CSS3点击展开分享按钮功能.zip
版权申诉
155 浏览量
2022-11-16
21:21:30
上传
评论
收藏 61KB ZIP 举报
芝麻粒儿
- 粉丝: 5w+
- 资源: 2万+
最新资源
- tesseract安装包
- 1_32陀螺仪舵机.zip
- HITJ0302MP-VB一款P-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- XILINXFPGA源码PCIExpress标准概述
- HITJ0204MP-VB一款P-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明
- XILINXFPGA源码PCIExpressIP核应用参考设计
- XILINXFPGA源码LCD12864在Spartan-3E实现代码
- XILINXFPGA源码LCDIPCORE
- G6402-VB一款SOT23封装P-Channel场效应MOS管
- XILINXFPGA源码IPcamera的开源系统
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈