真爱无限的知识驿站

学习积累技术经验,提升自身能力

自己写的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;


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) {

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

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

一、AngularJS大致功能模块

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

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

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

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

自己写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,那么还没加载完就会显示图片,网页中图片是一截一截显示的,非常难看).

js与flash交互操作1


//flash里传送值


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

//flash里获取值

this.uploadURL=root.loaderinfo.parameters.uploadURL


SWFUpload.prototype.getFlashVars = function () {

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

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

js控制滚动条示例

function runToTop(){
currentPosition=document.documentElement.scrollTop || document.body.scrollTop;
currentPosition-=10;
if(currentPosition>0)
{
window.scrollTo(0,currentPosition);
}


js行背景变色、显示提示层的代码

JS代码:

function showHelp(id) {  

    var obj = document.getElementById(id);  

    obj.style.display = "";  

网页中js弹出模式窗口并传值的问题

js代码:

    <script type="text/javascript">  

        //父窗体中打开模式窗口  

        function SelectClient(ctlName) {  

<< 1 2 3 > >>

Powered By Z-BlogPHP 1.7.3

Copyright 2024-2027 pukuimin Rights Reserved.
粤ICP备17100155号