20
2017
08

自己写的jquery简单实用的页面图片点击放大弹出效果

页面代码：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script type="text/javascript" src="http://cdn01.pukuimin.top/Scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript">
        function stayCenter_absolute_pkm($imgdiv, $imgobj) {
            ///相对于浏览器的位置（浏览器的高度-本身的高度=层顶部到浏览器最上面的高度）
            var $oldoffset = $imgobj.offset();//图片相对于html body的定位
            var oldoffsetTop = $oldoffset.top - $(window).scrollTop();//相对于浏览器的定位
            var oldoffsetLeft = $oldoffset.left;


发布:pukuimin | 分类:js/jquery/ajax/nodejs | 评论:0 | 浏览:
17
2017
06

Nodejs操作MongoDB数据库示例

//mongodb_demo.js

/**

cnpm install mongodb

 */

var MongoClient = require('mongodb').MongoClient;

var DB_CONN_STR = 'mongodb://test:123456@127.0.0.1:27017/test'; // 数据库为 test

var insertData = function (db, callback) {

发布:pukuimin | 分类:js/jquery/ajax/nodejs | 评论:0 | 浏览:
04
2017
05

学习nodejs部分基础内容入门小结

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。

安装、简易教程：http://www.runoob.com/nodejs/nodejs-tutorial.html 
官方文档：http://nodejs.cn/api/

发布:pukuimin | 分类:js/jquery/ajax/nodejs | 评论:0 | 浏览:
26
2017
04

3天学习完AngularJS基础内容小结

简介：AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。

一、AngularJS大致功能模块

发布:pukuimin | 分类:js/jquery/ajax/nodejs | 评论:0 | 浏览:
19
2017
01

动态醒目提示插件jquery.pulsate的自定义改造

1、页面引用 基础jquery库jquery.js

2、直接在jquery.pulsate.min.js文件中追加自定义内容，页面引用jquery.pulsate.min.js文件。

后面的三个方法是加的，前面的经过压缩的是插件原来的内容。

发布:pukuimin | 分类:js/jquery/ajax/nodejs | 评论:0 | 浏览:
05
2016
12

JS遍历类、json对象属性、值,方便统一赋值

js遍历类、json对象属性、值， 
我们在页面，经常会接收后面或json返回的数据，要一个一个赋值，遍历json属性，可以方便给界面的控件赋值。

发布:pukuimin | 分类:js/jquery/ajax/nodejs | 评论:0 | 浏览:
09
2014
04

bshare手动分享网址到QQ空间、朋友网等常用网站代码


//示例代码：

<div style="width: 190px;">
<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=" 

分享到：<br />
<div style="position: absolute;">
<p style="width: 280px; height: 50px; padding-top: 5px;">
<strong style="color: #939393;"></strong><span class="BSHARE_COUNT bshare-share-count">
0</span> <a title="分享到新浪微博"></a><a title="分享到搜狐微博"


发布:pukuimin | 分类:js/jquery/ajax/nodejs | 评论:0 | 浏览:
14
2013
11

自己写jquery.lazyloading图片延迟加载插件，通用

jQuery.lazyloading.js的作用/加载过程/原理/设计思路：
1、刚加载页面时只加载html,不加载图片，图片的src为空，把真实的图片路径放到data-original属性中，页面加载速度变快；
2、在页面加载完成之后，js初始化，把有data-original属性的图片再加一个<div></div>在外面，再创建一个隐藏的<img />标签，并且根据原图片的大小和位置计算loading图片的位置，把loading图片显示在中间；
3、判断window的scroll事件（滚动条变化），判断图片在不在可视区域内，如果在可视区域内，那么执行第4步，否则什么也不做。
4、判断图片的src与data-original是不是相同，如果不相同（说明还没有加载），执行第5步，否则什么也不做。
5、把图片的data-original赋值给隐藏的<img />标签的src，当隐藏的图片完全加载好之后（完成后会执行它的.load()事件），再把隐藏图片的src赋值给原图片的src(原因：保证loading图片消失后目标图片立即显示，如果一开始把data-original赋值给图片的src，那么还没加载完就会显示图片，网页中图片是一截一截显示的，非常难看).

发布:pukuimin | 分类:js/jquery/ajax/nodejs | 评论:0 | 浏览:
24
2013
07

js与flash交互操作1


//flash里传送值


'<param name="flashvars" value="' + this.getFlashVars() + '" />'

//flash里获取值

this.uploadURL=root.loaderinfo.parameters.uploadURL


SWFUpload.prototype.getFlashVars = function () {

发布:pukuimin | 分类:js/jquery/ajax/nodejs | 评论:0 | 浏览:
16
2013
07

子窗体与父窗体传值操作的js示例

//返回值给父窗体
function returnParent(value) {//获取子窗体返回值
   var parent = window.dialogArguments; //获取父页面
   //parent.location.reload(); //刷新父页面
   if (parent != null && parent != "undefined") {
       window.returnValue = value; //返回值

发布:pukuimin | 分类:js/jquery/ajax/nodejs | 评论:0 | 浏览:
«123»