纯JS代码实现一键分享功能
废话不多说,直接上代码:
核心代码如下所示:
<div style="padding-left: 30px; margin-bottom: 8px; margin-top:5px; "> <div> <a title="分享到" href="http://www.bShare.cn/" id="bshare-shareto">分享到</a> <a title="分享到QQ空间">QQ空间</a> <a title="分享到新浪微博">新浪微博</a> <a title="分享到人人网">人人网</a> <a title="分享到腾讯微博">腾讯微博</a> <a title="分享到豆瓣">豆瓣</a> <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a> <span class="BSHARE_COUNT bshare-share-count">0</span> </div> <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&uuid=&pophcol=2&lang=zh"></script> <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script> </div>
关于js实现一键分享功能的代码到此就结束了,代码很简单,有任何疑问欢迎给我留言,小编会及时和大家取得联系的。在此也非常感谢大家对我们网站的支持!
相关推荐
-
node.js操作mongoDB数据库示例分享
连接数据库 复制代码 代码如下: var mongo=require("mongodb"); var host="localhost"; var port=mongo.Connection.DEFAULT_PORT; var server=new mongo.Server(host,port,{auto_reconnect:true});//创建数据库所在的服务器服务器 var db=new mongo.Db("node-mongo-example
-
封装好的js判断操作系统与浏览器代码分享
摘要: 对于前端开发我们最重要的工作就是兼容性,系统的兼容性,浏览器的兼容性等等.今天分享一个我在项目中封装的判断操作系统与浏览器的方法. 操作系统: var os = (function() { var UserAgent = navigator.userAgent.toLowerCase(); return { isIpad : /ipad/.test(UserAgent), isIphone : /iphone os/.test(UserAgent), isAndroid : /andro
-
php+js实现异步图片上传实例分享
upload.php 复制代码 代码如下: <?phpif(isset($_FILES["myfile"])){$ret = array();$uploadDir = 'images'.DIRECTORY_SEPARATOR.date("Ymd").DIRECTORY_SEPARATOR;$dir = dirname(__FILE__).DIRECTORY_SEPARATOR.$uploadDir;file_exists($dir) || (mkdir($di
-
angularJS 中input示例分享
这里给大家分享一则input指令的使用示例 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <script src="http://localhost:81/js/jquery.js"> </script> <scri
-
Lua利用cjson读写json示例分享
我这里采用的是Lua CJson库,是一个高性能的JSON解析器和编码器,其性能比纯Lua库要高10~20倍.并且Lua Json完全支持UTF-8,无需以来其他非Lua/LuaJit相关包. 环境安装 这里就不详细写了,随便问下谷歌就有一大堆答案. 示例代码 解析JSON 复制代码 代码如下: local cjson = require "cjson" local sampleJson = [[{"age":"23","testArr
-
js实现屏幕自适应局部代码分享
有小伙伴留言说需要一个js实现屏幕自适应局部的代码,这里简单整理了下,放出来给大家. 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> *{ margin:0; padding:0; list-style:none; } div{ margin:0 auto; heig
-
javascript判断是手机还是电脑访问网页的简单实例分享
复制代码 代码如下: var system ={}; var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
-
纯JS代码实现一键分享功能
废话不多说,直接上代码: 核心代码如下所示: <div style="padding-left: 30px; margin-bottom: 8px; margin-top:5px; "> <div> <a title="分享到" href="http://www.bShare.cn/" id="bshare-shareto">分享到</a> <a title="分
-
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
在网站开发中,经常会简单使用js代码来判断字符串中有多少汉字的功能.今天小编抽时间给大家分享实现代码.废话不多说了,直接给大家贴代码了. $("form").submit(function () { var content = editor.getContentTxt(); var sum = 0; re = /[\u4E00-\u9FA5]/g; //测试中文字符的正则 if (content) { if (re.test(content)) //使用正则判断是否存在中文 { if
-
纯js代码实现简单计算器
本文实例分享了纯js代码实现简单计算器代码,相信大家会喜欢.具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head> <title> new document </title> <script type="text/javascript"> function count(){ var txt1 = parseInt( document.getElementById(
-
纯js代码制作的网页时钟特效【附实例】
纯js代码制作的网页时钟特效,需要的码农可以拿去看一下.给大家做个参考. <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <META content="MSHTML 6.00.6000.16414" name=GENERATOR></HEAD> <BODY> <DIV style
-
纯JS代码实现隔行变色鼠标移入高亮
在前端开发中经常见到隔行变色鼠标移入高亮显示的效果,下面小编给大家分享基于js代码实现的隔行变色鼠标移入高亮效果,废话不多说了,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #table { width: 400px; bor
-
纯JS实现AJAX局部刷新功能
AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 下面给大家介绍JS实现AJAX局部刷新功能,具体内容如下所示: 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. //
-
纯JS代码实现气泡效果
就不给大家多文字说明了.给大家梳理下关键步骤. 关键步骤: 1.引入js文件 <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src='js/jquery.thoughtBubble.js'></script> 2.在需要使用气泡效果的地方 <div i
-
使用JSLint提高JS代码质量方法分享
随着富 Web 前端应用的出现,开发人员不得不重新审视并重视 JavaScript 语言的能力和使用,抛弃过去那种只靠"复制 / 粘贴"常用脚本完成简单前端任务的模式.JavaScript 语言本身是一种弱类型脚本语言,具有相对于 C++ 或 Java 语言更为松散的限制,一切以函数为中心的函数式编程思想也为开发人员提供了更加灵活的语法实现.然而,这种灵活性在带来高效的同时,也成为初学或者经验不足的 JavaScript 开发人员的噩梦.形式各异的代码风格.隐含错误的代码行为,严重影响
-
js实现文字选中分享功能
总结:文字选中IE和其他浏览器不一样 在IE中文字选中后鼠标抬起,图片显现触发有点快所以用定时器. <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title></title> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min
-
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
下文以span元素为例子,介绍一下如何实现span元素在div中实现水平垂直居中效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>我们</title> <s
随机推荐
- 详解SpringBoot中实现依赖注入功能
- 详解SQL Server数据库状态和文件状态
- php静态化页面 htaccess写法详解(htaccess怎么写?)
- python获取当前日期和时间的方法
- 解析php中session的实现原理以及大网站应用应注意的问题
- JS绕过代理、VPN获取真实IP及内网IP,逆向追踪的实现方法
- php select,radio和checkbox默认选择的实现方法
- Python ftp上传文件
- Android ormlite更改数据库默认位置
- 浅谈Vue.js应用的四种AJAX请求数据模式
- ubuntu系统中Mysql ERROR 1045 (28000): Access denied for user root@ localhost问题的解决方法
- PHP中类属性与类静态变量的访问方法示例
- html小技巧之td,div标签里内容不换行
- asp下调试程序的debug类
- 对优化Ruby on Rails性能的一些办法的探究
- jQuery EasyUI API 中文文档 - ProgressBar 进度条
- 轻松学习C#的哈希表
- JS输出空格的简单实现方法
- Json操作库DynamicJson使用指南
- 3DMark使用图文详解 --显卡测试软件