js之侧边栏分享

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>广告自动关闭</title> </head> <style> .tip{ position: fixed; top: 100px; left: 400px; display: block; width:…

今天给大家分享一款基于jquery的侧边栏分享导航.这款分享钮一直固定于左侧,鼠标经过的时候凸出显示,这款分享按钮适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 在线预览源码下载实现的代码. html代码: <div class="zzsc"> <a href="http://***/" class="lanren1"> <img src="…

JS模拟百度分享侧边栏效果

模拟百度分享侧边栏的弹出与滑入效果.当鼠标移入#div1分享侧边栏,#div1分享侧边栏区块匀速滑出直至其全部露出.当鼠标移除#div1分享侧边栏,#div1分享侧边栏区块匀速滑入隐藏,直至恢复初始位置.若#div1区块未全部露出时,鼠标移出,#div1区块则开始滑入隐藏:若#div1区块未全部滑入隐藏,鼠标移入,则div1区块则开始匀速弹出. <!DOCTYPE html> <html> <head> <title>JS运动框架案例:类百度分享制作<…

js动画实现侧边栏分享

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>分享</title> <style> body,div,span{ margin:0; padding:0; } .div{ background:red; width:200…

JS组件系列——分享自己封装的Bootstrap树形组件：jqTree

前言:之前的一篇介绍了下如何封装自己的组件,这篇再次来体验下自己封装组件的乐趣.看过博主博客的园友应该记得之前分享过一篇树形菜单的使用JS组件系列——Bootstrap 树控件使用经验分享,这篇里面第一个Jquery Tree,只是用简单样式和js去实现了效果,没有给出一个系统的封装,这篇博主就来试试在此样式的基础上封装一个稍微完整点的树形组件. 一.组件效果预览其实效果和之前的那个差不多,博主只是在之前的基础上加了一个选中的背景色. 全部收起展开全部展开二.代码示例其实效果很简单,重…

[JS] HTML QQ分享界面js代码

@ - @ :可以自己指定分享内容等....内含JS脚本 <html> <head> <title></title> <script type="text/javascript"> (function () { var p = { url: 'http://pan.baidu.com/s/1DVCYI', showcount: '1',/*是否显示分享总数,显示:'1',不显示:'0' */ desc: '我正在玩pc版fla…

微信js接口自定义分享内容

最近客户有个要求,需要给网页添加微信分享功能,当然指的是用微信自带浏览器的时候,希望用户在最后一页点击分享的时候是分享的首页.曾经无意中看到过微信公众开发者平台提供了js接口,所以试着做了做,果然,跌入了一个大坑,现在就把我的经历跟大家分享一下. 首先去腾讯给的开发者文档去看,地址就不贴了,然后第一步,绑定域名,从客户那儿拿到了备案的域名,然后登陆微信公众平台绑定域名第二步,在页面里引入js,官方文档中都有第三步,设置config验证, 官方文档给了个例子,直接拿过来用,否则自己写的话很麻…

JS前端的分享功能

给网页加上分享代码,借助网友的力量推广网站,目前已经很流行了以下是网页代码 QQ空间分享代码如下: <a href="javascript:void(0);" onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href));return false;" title…

工作中常用的JS函数整理分享（欢迎大家补充）

今年在渣X工作整理的常用JS函数今年来了渣X工作,我所在这个部门分工很奇怪,CSS竟然有专门的人在搞,开发PHP的人员需要处理JS,以至于有时候开发起来不是那么得心应手,感觉把JS和CSS拆开就像是把方向盘.油门分别交给了两个人来控制,两个人都很不得劲.再说说这边的js吧,完全是那种复制粘贴的方式,更别说使用什么新的前端工具来进行各种优化了.到目前为止,我做了一件事情,将公共常用的JS拆出来,避免复制粘贴去使用,提高开发效率.提高代码鲁棒性.但还是拿出来分享给大家,顺便记录下. 基础工具Too…

jweixin-1.1.0.js微信接口“分享给朋友”文字和图片配置

在npm官网找到了:微信官方 js-sdk CommonJS 版https://www.npmjs.com/package/weixin-js-sdk 步骤一:引入JS文件在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js备注:支持使用 AMD/CMD 标准模块加载方法加载步骤二:通过config接口注入权限验证配置所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅…

js惊奇效果分享，和排序算法

分享地址:http://www.cnblogs.com/lhb25/p/8-amazing-codepen-demos.html 排序算法分享地址:http://www.w3cplus.com/js/99js-sorting-algorithm.html…

js实现侧边栏信息展示效果

目前的网页都右侧边栏,有的是在左侧,类似于导航栏,如一些购物商城,还有一些是在网页的右下角,一般是提示客服信息和微信/QQ等服务. 这里都涉及到一个动画效果的展示,即点击侧边栏时会在侧边栏的右侧或者左侧出现相应的信息.如下图慕课网右下角的侧边栏,把鼠标放在最后一个微信图标上,会弹出慕课网的二维码. 实现动画效果的方式有两种,一种是JavaScript setInterval函数,即设置定时器,实现简单,但是效果不佳.动画效果不够平滑,而且实现的效果有限,不能实现旋转和3D变换.用户体验有待提高.…

原生JS实战：分享一个首页进度加载动画！

本文是苏福的原创文章,转载请注明出处:苏福CNblog:http://www.cnblogs.com/susufufu/p/5871134.html 该程序是本人的个人作品,写的不好,可以参考,但未经本人允许,请不要用于其它用途! 早上写了个首页进度加载动画,本想在我的博客里用上,测试发现博客园加载太快,根本看不到动画效果,直接就加载'Complete'了,算了,还是不要把博客搞得太臃肿了! 于是我就写了个演示页面,在body里加了个iframe来加载大一点的网站,这样就看出效果了! 用Safa…

js运动：分享到

定时器及运动函数的使用.  <!DOCTYPE html> <html lang="en"> <head> <meta charset="…

js笔记----(运动)分享隐藏/显示

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style> body, div { padding:0px…

网站分析统计JS源码分享

之前公司做了一个分析云平台,用来跟踪收集海量的用户行为的相关数据,供运营人员实时监控网站访问量,统计PV,UV,独立IP,访问时段,访问时长,热点追踪等多类信息,我用JS写了一个小插件,只需要再页面加载这个js文件即可,供有需要的朋友参考,该插件分为两部分组成,一部分是分析的主JS,另一部分功能是用来提供热点地图绘制信息. /** * 分析主JS,该JS部署时放在页面</boday>标签之前,所有引入的其他JS位置之后 * 该JS文件会自动加载hot.js文件,进行行为追踪,无需配置. *…

JS实现页面分享代码share，不需要第三方接口

在开发一个页面的时候常常会有这么一个小功能,就是分享该页面中的信息. 常见的分享代码有百度分享,JiaThis分享插件(现在貌似不能用了),bshare分享插件等,我主要分享一下自定义分享代码,如下: function dofristshare(type) { var title = encodeURIComponent("新年快乐,马年吉祥"); var link = encodeURIComponent('http://www.baidu.com'); var image = en…

echarts 地图免费离线js,json包分享

最近,项目中需要用到地图,由于项目的特殊性,只能使用内网获取数据. 然而,echarts官网上的离线地图包(http://echarts.baidu.com/download-map.html)早在一年前就不支持下载了,推荐使用地图API. . . . 经过一番努力之后(某站上全是收费的资源,心累). . . 终于找到了免费的资源 echarts github上的地图js及json包:https://github.com/apache/incubator-echarts/tree/master/…

最近积累的JS 东西，分享一下

js 关闭页面 var browserName=navigator.appName; if (browserName=="Netscape") { window.open('','_parent',''); window.close(); } else if (browserName=="Microsoft Internet Explorer") { window.opener = "whocares"; window.close(); } Js…

js正则学习分享

http://www.cnblogs.com/rubylouvre/archive/2010/03/09/1681222.html http://www.cnblogs.com/tylerdonet/p/4262251.html //正整数 /^[0-9]*[1-9][0-9]*$/; //负整数 /^-[0-9]*[1-9][0-9]*$/; //正浮点数 /^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-…

js微信禁止分享

JS部分代码分享

2015-10-12 : 1.search()表达式:搜索索引 <!DOCTYPE html><html><body> <p>搜索字符串 "w3cSchool", 并显示匹配的起始位置:</p> <button onclick="myFunction()">点我</button> <p id="demo"></p> <script&g…

“限时分享“ 本地80个小游戏 HTML+CSS+JS源码分享

里面有80款小游戏源码,支持内置导航,可以拿来练手或者消磨时间,具体功能以及游戏请看下图维京战争小游戏源码链接:https://pan.baidu.com/s/1NMr8AJ0XRTI5yW_T_jfYfA 提取码:7gwi 想要全套源码请搜索微信小程序:萝卜的博客获取全套源码或者扫描下方二维码获取 …

CSS实现模拟百度分享侧边栏效果

在<JS模拟百度分享侧边栏效果>一文中对于Div区块的运动通过JS实现了鼠标移入滑出显示,鼠标移出滑入隐藏的效果.其实在CSS3中通过transition属性就可以较为轻松实现. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> html, body { m…

js页面文字选中后分享到新浪微博实现

demo您可以狠狠地点击这里:js文字选中分享到新浪微博demo 方法与代码选中即分享的功能看上去比较高级,其实实现是相当简单的.其中的会让人头大,一般人也不感兴趣的原理这里就直接跳过.这个js文字选中后分享到新浪微博的功能我简单的封装了下,方法名是:$sinaMiniBlogShare,当然,您不喜欢可以换掉,甚至不要,此方法完整代码如下: var $sinaMiniBlogShare = function(eleShare, eleContainer) { var eleTitle = d…

JavaScript学习总结【11】、JS 运动

动画效果在网站中是一种非常常见的交互式体验效果,比如侧边栏分享.图片淡入淡出,我们把这种动画效果就叫做运动,也就是让物体动起来.如果想让一个物体动起来,无非就是改变它的速度,也就是改变属性值,比如 left.right.width.height.opacity ,那么既然是运动,就可以分为很多种,如匀速运动.缓冲运动.多物体运动.任意值运动.链式运动和同时运动.我们从最简单的动画开始,如何让单个物体运动,逐步深入多物体运动.多动画同时运动到实现完美运动框架的封装,在这个过程中,每一个运动都封装为…