Welcome

首页 / 脚本样式 / JavaScript

jQuery组件easyui基本布局实现代码

2017-02-06 19
本文实例为大家分享了<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Basic Layout - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> &l...

jQuery组件easyui对话框实现代码

2017-02-06 19
本文实例为大家分享了<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Basic Dialog - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> &l...

jQuery操作dom实现弹出页面遮罩层（web端和移动端阻止遮罩层的滑动）

2017-02-06 16
最近项目遇到了遮罩层的一些问题，总结一下：弹出遮罩层遮罩层弹出有非常多的方法，这里只写出本人用的代码，使用jq操作dom的方法进行实现的。<style>.box{position:absolute;width:100%;left:50%;height:auto;z-index:100;background-color:#f5f5f5;border:1px #ddd solid;padding:1px;}</style><div...

手机图片预览插件photoswipe.js使用总结

2017-02-06 16
手机图片预览photoswipe，支持pc图片预览，多用于android，ios的手机图片预览。资源包：photoswipe-3.0.5 在photoswipe官网有1.0.11的包下载，但是1.0.11这个版本，存在缺陷，在部分android手机上，滑动一次的时候，会跳转2张图片（正常情况下，滑动一次，跳转1张图片）通常使用方法如下：在html的head标签中依次加载资源包中如下文件：<script type="text/javascript" s...

手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果

2017-02-06 17
先来几张效果图：点击其中一张照片可放大，可支持图片文字描述：同时支持分享功能：支持手势放大缩小使用js框架是PhotoSwipe。PhotoSwipe是一个图片放大插件，兼容pc和移动端，经历过多个版本的迭代且一直在不断更新，踩过的坑不知凡几，在移动端有着巨大的优势。1、可控制多种风格如：标题、分享、全屏按钮，点击事件、是否加入字幕，背景透明等。2、可支持移动端触摸手势兼容pc端所有的基本手势支持：滑动下一个或上一个，拖动平移、缩放、放大或关闭，点击切换控...

手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现

2017-02-06 20
PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。为谁而用让移动站点的相册体验和原生App一样的设计师和开发者。绝佳特性PhotoSwipe提供给用户一个熟悉又直观的相册交互界面。官方网站http://www.photoswipe.com/源码示例http://github.com/downloads/codeco...

移动端点击图片放大特效PhotoSwipe.js插件实现

2017-02-06 16
PhotoSwipe插件能实现手机端点击图片全屏放大 再双击图片放大等功能PhotoSwipe插件官方网站 http://www.photoswipe.com/photoswipe之移动端图片放大查看，滑动切换下一张，图片保存到本地。<style>.pnav{margin-top:30px;text-align:center;line-height:24px; font-size:16px}.pnav a{padding:4px}.pnav a...

相册展示PhotoSwipe.js插件实现

2017-02-06 17
PhotoSwipe.js官网：http://photoswipe.com/ ，在这个网站上可以下载到PhotoSwipe的文件以及相关的例子。这个组件主要是用来展示图片、相册用的，还是很实用的。一、使用这个组件需要引入两个js文件1 <script type="text/javascript" src="simple-inheritance.min.js">2 <script type="text/javascript" src="co...

PhotoSwipe异步动态加载图片方法

2017-02-06 18
在开发搜房家居M站的时候，搜房家居装修效果图相册展示效果需要用到PhotoSwipe插件来显示图片。特点：1. 家居提供的接口，每次只能获取一张图片2. 装修效果图的张数不限。3. 从PhotoSwipe用法来看，在PhotoSwipe初始化前必须把所有图片列出。instance = PhotoSwipe.attach（ window.document.querySelectorAll（"#Gallery a"）, options ）;标签a是PhotoS...

深入浅出ES6之let和const命令

2017-02-06 18
let和const声明的变量只在代码块内有效{let a = 10;var b = 1;}a // ReferenceError: a is not defined.b // 1不存在变量提升变量一定要在声明后使用，否则报错var tmp = 123;if （true） {tmp = "abc"; // ReferenceErrorlet tmp;}不允许重复声明// 报错function （） {let a = 10;var a = 1;}块级作用域fu...

Javascript实现代码折叠功能

2017-02-06 18
一、首先定义一个JavaScript function，如下：function puckerMenu（level） {var levelLength = （"row" + level）.length;var toDo = "0";for （var iCount = 0 ; iCount < document.all.length; iCount++）{if （ document.all[iCount].id.indexOf（"row" + level...

js实现无缝循环滚动

2017-02-06 20
本文实例为大家分享了js无缝循环滚动实现代码，供大家参考，具体内容如下1、图片格式：260*400.2、使用循环定时器轻松实现<！doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>无缝滚动</title></head><style type="text/css"> .row{wid...

javascript深拷贝（deepClone）详解

2017-02-06 18
javascript深拷贝是初学者甚至有经验的开发着，都会经常遇到问题，并不能很好的理解javascript的深拷贝。深拷贝（deepClone）？与深拷贝相对的就是浅拷贝，很多初学者在接触这个感念的时候，是很懵逼的。为啥要用深拷贝？在很多情况下，我们都需要给变量赋值，给内存地址赋予一个值，但是在赋值引用值类型的时候，只是共享一个内存区域，导致赋值的时候，还跟之前的值保持一直性。看一个具体的例子// 给test赋值了一个对象var test = {a: "...

AngularJS中比较两个数组是否相同

2017-02-06 16
Javascript不能直接用==或者===来判断两个数组是否相等，无论是相等还是全等都不行，以下两行JS代码都会返回false<script type="text/javascript">alert（[]==[]）;alert（[]===[]）;</script>要判断JS中的两个数组是否相同，需要先将数组转换为字符串，再作比较。以下两行代码将返回true<script type="text/javascript">a...

AngularJS$modal弹出框实例代码

2017-02-06 15
下面给大家说下$modal拥有一个方法：open，该方法的属性介绍：templateUrl：模态窗口的地址template：用于显示html标签scope：一个作用域为模态的内容使用（事实上，$modal会创建一个当前作用域的子作用域）默认为$rootScopecontroller：为$modal指定的控制器，初始化$scope，该控制器可用$modalInstance注入resolve：定义一个成员并将他传递给$modal指定的控制器，相当于routes...

AngularJS下对数组的对比分析

2017-02-06 17
Javascript不能直接用==或者===来判断两个数组是否相等，无论是相等还是全等都不行，以下两行JS代码都会返回false<script type="text/javascript">alert（[]==[]）;alert（[]===[]）;</script>要判断JS中的两个数组是否相同，需要先将数组转换为字符串，再作比较。以下两行代码将返回true<script type="text/javascript">a...

jquery实现ajax提交表单信息的简单方法（推荐）

2017-02-06 18
最近在思考优化项目，想自己扩展一个jquery自动获取表单中的数据进行ajax提交。本人没有完整性学习jquery，基本上是现学现找，有点困难。主要是扩展和拼接json转对象很简单，附上代码：; （function （$） {$.fn.ajaxForm = function （options） { var defaults = { modelname: "model",//后台对象接收名称 url: "/",//提交地址 postType: "POST",...

JS判断是否在微信浏览器打开的简单实例（推荐）

2017-02-06 17
最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中，点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。以下是一段示例代码，注释中表明了通过JS如何判断是否在微信浏览器打开，是否在QQ空间浏览器，是否在新浪微博打开。当然可以做得更完善一点，再加上判断是在移动设备打开还是在PC端...

gulp-uglify 与gulp.watch（）配合使用时报错（重复压缩问题）

2017-02-06 19
gulp简介：gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并...

JS转换HTML转义符的方法

2017-02-06 20
//去掉html标签function removeHtmlTab（tab） {return tab.replace（/<[^<>]+?>/g,""）;//删除所有HTML标签 } //普通字符转换成转意符function html2Escape（sHtml） {return sHtml.replace（/[<>&"]/g,function（c）{return {"<":"<",">":">...
<< 121 122 123 124 125 126 127 128 129 130 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图