JS实现仿QQ面板的手风琴效果折叠菜单代码
本文实例讲述了JS实现仿QQ面板的手风琴效果折叠菜单代码。分享给大家供大家参考。具体如下: 这是一款简单实用的垂直导航菜单,有人把这种风格称为“手风琴”菜单,类似仿QQ面板的折叠菜单,鼠标放在任意一个菜单上,它会展开所属的二级菜单,很不错的选择,以前就分享过此类菜单,这次经过了代码优化升级,更人性化了。 运行效果截图如下: 在线演示地址如下: http://demo.phpstudy.net/js/2015/

  分类: JavaScript

jquery ajax结合thinkphp的getjson实现跨域的方法
本文实例讲述了jquery ajax结合thinkphp的getjson实现跨域的方法。分享给大家供大家参考,具体如下: jquery中post的应该是不能跨域,网上说get的可以跨域,但是我试了一下也不行,然后就进行最后的拼搏getjson,结果成功,哈哈 js处写作: $.getJSON( "/index.php/Index/te

  分类: JavaScript

如何调试异步加载页面里包含的js文件
最近在一个新的web项目中开发功能。这个项目的管理界面有一个特点,框架是固定的,不会刷新,每次点新的页面仅仅刷新一个div。div里面不是套的iframe,于是导致了一个问题,用浏览器无法调试异步加载页面里包含的js文件。简单的说就是在调试工具里面看不到异步加载页面里包含的js文件。 网上找到了一个解决办法,就是在需要调试的js文件顶部加一行代码: //@ sourceURL=msgprompt.js 注意,@符号和sourceURL间必须有

  分类: JavaScript

JavaScript编程中实现对象封装特性的实例讲解
1.prototype对象 1.1构造函数的缺点 JavaScript通过构造函数生成新对象,因此构造函数可以视为对象的模板。实例对象的属性和方法,可以定义在构造函数内部。 function Cat (name, color) { this.name = name; this.color = color;

  分类: JavaScript

JavaScript获取图片像素颜色并转换为box-shadow显示
一、原理: 1.使用HTML5的FileReader API读取图片 FileReader文件读物器,用于读取客户端文件到,注意,文件读取完毕后并不会载入缓存 eg: var upfile = document.querySelector('#upfile'); var fileRe

  分类: JavaScript

jQuery插件开发的两种方法及$.fn.extend的详解
jQuery插件开发分为两种: 1 类级别 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法。 开发扩展其方法时使用$.extend方法,即jQuery.extend(object);

  分类: JavaScript

js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
本文实例讲述了js实现iframe框架取值的方法。分享给大家供大家参考,具体如下: 为啥世上会有这么多不同的浏览器?每次遇到js/css的浏览器兼容性问题,总是要发出这样的感叹,真希望这些个浏览器公司全部倒下,然后只留下一家(显然这是一个不可能实现的美好愿望),言归正传,看代码吧: iframe框架内页: <html> &l

  分类: JavaScript

jquery使用ul模拟select实现表单美化的方法
本文实例讲述了jquery使用ul模拟select实现表单美化的方法。分享给大家供大家参考。具体如下: 这里使用jquery实现ul模拟select,是jQuery插件实现的Select下拉菜单效果,类似的功能网上已经有一些了,每一款都代表了不同的编程思路,为学习提供一份参考。 运行效果截图如下: 在线演示地址如下: http://demo.phpstudy.net/js/2015/jquery-ul-sel

  分类: JavaScript

js将当前时间格式转换成时间搓(自写)
自己写的一个方法 复制代码 代码如下: function split_time(time){//

  分类: JavaScript

使用GruntJS构建Web程序之Tasks(任务)篇
如何自定义Grunt任务 有时我们需要写一些自己的grunt任务,下面是一个具体例子 一、准备 1. 新建一个目录g12. 新建package.json,放入g13. 新建Gruntfile.js,放入g1 package.json

  分类: JavaScript

JavaScript中使用ActiveXObject操作本地文件夹的方法
在Windows平台上, js可以调用很多Windows提供的ActivexObject,本文就使用js来实现文档处理, 和使用js编写ActiveX做一个简单介绍. 复制代码

  分类: JavaScript

Javascript刷新窗口方法小结
本文实例总结了Javascript刷新窗口方法。分享给大家供大家参考,具体如下: 1.javascript 刷新父窗口 <script> function reflushParent(){ window.opener.location.reload(); } </script> 2.jav

  分类: JavaScript

jquery实现左右滑动菜单效果代码
本文实例讲述了jquery实现左右滑动菜单效果代码。分享给大家供大家参考。具体如下: 这里演示了三种背景颜色左右滑动jquery菜单导航效果,IE下有问题,本菜单使用了CSS3的部分属性,因此建议使用火狐或Chrome等浏览器获取最佳效果。当把鼠标移到菜单上的时候,对应菜单项的背景会变化,而且本菜单具有圆角的效果。 运行效果截图如下: 在线演示地址如下: http://demo.phpstudy.net/js

  分类: JavaScript

JavaScript希尔排序、快速排序、归并排序算法
以var a = [4,2,6,3,1,9,5,7,8,0];为例子。 1.希尔排序。 希尔排序是在插入排序上面做的升级。是先跟距离较远的进行比较的一些方法。 function shellsort(arr){ var i,k,j,len=arr.length,gap = Math.ceil(len/2),temp;

  分类: JavaScript

给before和after伪元素设置js效果的方法
层叠样式表(CSS)的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这就是“伪元素”。 前面的话    无法直接给before和after伪元素设置js效果  例子说明   现在需要为(id为box,内容为"我是测试内容"的div)添加(:before内容为"前缀",颜色

  分类: JavaScript

jQuery实现图片轮播特效代码分享
本文实例讲述了jQuery超精致图片轮播幻灯片特效。分享给大家供大家参考。具体如下: jquery图片轮播插件PgwSlider是一款非常简单的jquery插件,它可以帮你快速创建一个垂直轮播图。 运行效果图:  小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。 (1)在head区域引入CSS样式:

  分类: JavaScript

使用Promise解决多层异步调用的简单学习心得
前言 第一次接触到Promise这个东西,是2012年微软发布Windows8操作系统后抱着作死好奇的心态研究用html5写Metro应用的时候。当时配合html5提供的WinJS库里面的异步接口全都是Promise形式,这对那时候刚刚毕业一点javascript基础都没有的我而言简直就是天书。我当时想的是,微软又在脑洞大开的瞎捣鼓了。 结果没想到,到了

  分类: JavaScript

jQuery Ajax调用WCF服务详细教程
这两天在写基于WCF服务的后台框架,过程中遇到了一些挫折,经过努力全部解决了,在此分享给大家,使用的工具是Visual Studio 2013。 该后台需要支持通过json来传递和接收数据。 首先,说说搭建过程。 第一步:创建WCF服务应用程序项目WCF。 第二步,创建服务使用的数据类

  分类: JavaScript

jquery处理json数据实例分析
一、JSON的一些基础知识。 JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value)。  “[]”,标识数组,数组内部各个数据之间通过“,”分割,如[“AreaId”:”123”,”AreaId”:”345”]。 很多情况下是对象数组,那就是这样:

  分类: JavaScript

Web安全测试之XSS实例讲解
Web安全测试之XSS XSS 全称(Cross Site Scripting) 跨站脚本攻击, 是Web程序中最常见的漏洞。指攻击者在网页中嵌入客户端脚本(例如JavaScript), 当用户浏览此网页时,脚本就会在用户的浏览器上执行,从而达到攻击者的目的.  比如获取用户的Cookie,导航到恶意网站,携带木马等。 作为测试人员,需要了解XSS的原理,攻击场景,如何修复。 才能有效的防止XSS的发生。

  分类: JavaScript

快速导航

Copyright © 2016 phpStudy |