小虎博客

js实现百度地图与列表联动代码

js实现百度地图与列表联动代码
百度地图做开发时会有许多的一些功能要实现了,我们下面来看一篇关于百度地图与列表联动代码例子吧,具体的操作细节如下所示,在项目中,经常遇到使用地图和列表同时展示数据的时候,数据需要显示一致性,点击表格的数据,可以定位到地图,今天就分享一下这个场景的下的js操作代码. 实际上实现原理很简单，就是在表格生成的时候，给每一行添加一个事件,定位到地图. 1、生成表格数据，并生成点击事件 function&nb...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

jquery中ajax的全局/局部事件例子

jquery中ajax的全局/局部事件例子
ajax是一个不错的命令了我们今天一起来看看关于jquery中ajax的全局/局部事件的一些使用例子，希望这个例子能够帮助到各位朋友，各位可以来看看吧。 (一) 局部事件 local events 局部事件:在单个Ajax请求对象中绑定的事件，每一个 Ajax 请求对象可以根据需要绑定自己的局部事件 。局部事件只会被那个绑定该事件的 Ajax 对象触发，是属于单个 Ajax 对象的私有（即局部）事件。此类事件包括：beforeSend、comp...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

基于jQuery选取月份插件的使用教程

基于jQuery选取月份插件的使用教程
月份插件就是可以选择年月日了，我们在网上可以找到许多的日期插件，下面一起来看一个基于jQuery选取月份插件的使用教程，希望能够帮助到各位同学哦。 这是一个基于jQuery的可以选择年份和月份的月份拾取插件，你可以设置点击页面上的任意元素触发弹出年月选择面板，可以是一个链接也可以是一个输入框，广泛应用于月份查询，而无需设置select表单。 HTML,首先将monthpicker插件相关的css和js文件载入，大家...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

jQuery歌词同步的音乐播放器插件DEMO演示

jQuery歌词同步的音乐播放器插件DEMO演示
音乐播放器效果可以实现在指定的时间段播放那一行歌词了这个很像许多的音乐播放器客户端了，下面来看一个例子。 今天要分享的一款基于jQuery的音乐播放器，它的特点是歌词和音乐可以同步播放，而且播放器整体非常精巧，适当修改可以作为你博客的播放器挂件。 html代码如下: <!DOCTYPE html>   <html>   <head>   <meta charset="UTF-8"&g...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

基于jQuery的jBar消息提醒插件使用例子

基于jQuery的jBar消息提醒插件使用例子
jBar 是一个简单和轻量级 jQuery 通知栏,JBar 允许您创建简单的行动要求,使其用户可以查看在您的网站顶端的信息。用户可以通过单击功能区切换栏的可见性 jBar是一个简单的jQuery插件，允许你在你的网站上弹出提示消息层，没有过多的动画效果和特效，比较实用的消息提示插件，可以支持自定义消息的颜色和显示效果以及位置。 使用方法: 1、引入插件文件和jQuery库 <link rel="stylesheet" ty...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

jQuery和CSS3制作的响应式水平时间轴的例子

jQuery和CSS3制作的响应式水平时间轴的例子
响应式效果就是我们拉动页面就可以加载数据的一个简单的效果，这种响应式效果在手机中用到的非常的多了，今天我们一起来看一个使用jQuery和CSS3制作的响应式水平时间轴的例子，具体的操作细节如下所示。 我们经常看到有很多的垂直时间轴用来记录事件进展，而有朋友问我要求分享水平的时间轴，其实水平时间轴的难点在于自适应屏幕尺寸。那么 今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平...
2016年01月13日 编程技术 暂无评论 喜欢 2 阅读全文

jquery操作iframe中的元素和js函数

jquery操作iframe中的元素和js函数
iframe调用界面我们可以使用上级函数来进行操作了，这个功能小编常会使用到，今天一起来看一个例子，具体细节如下所示。 1、jquery操作iframe中的元素（2种方式） var str = $(window.frames["iframe"].document).find("#ljiong").html();   var stk = $("#iframe").contents().find("#ljiong").html();   2、操作父界面中的元素（header：为某个...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

JQuery为元素添加样式的详解

JQuery为元素添加样式的详解
最简单的做法就是直接给元素绑定样式了，但有是像注册验证这一块需要由js来实现给元素添加样式，那么要如何来实现呢，具体如下。 列举下对css样式操作的方法： 1、.css(“样式”)：获得样式值，比如$(“input”).css(“color”) 获得input中字体的颜色 2、.css(“样式”,”value”):为样式赋值，如$(“input”).css(“color”,”red”); 3、.addClass(“样式类1,样式类2,样式类3″):可以添加多个定义好的样式类 4、.hasClass...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

jquery的事件名称和命名空间的例子

jquery的事件名称和命名空间的例子
命名空间在net中知道之后发现在jsp,php中都会了现了命名空间功能，今天我们就一起来看一个jquery的事件名称和命名空间的例子 前言: 在jquery的官方API中，有对命名空间的一些描述，地址是：http://api.jquery.com/on/ 这里面有一些英文介绍，题目是“Event names and namespaces”下面有一些介绍。 假如一些朋友不是很理解的话，我在这里简单的介绍一下！ jQuery事件命名空间: 我们先看一些代码: $(“#haor...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

jQuery ajax 响应数据处理

jQuery ajax 响应数据处理
在日常开发中，ajax是占了很重要一部分的，本文我们来分析 jQuery ajax 响应数据处理及jQuery的Ajax时无响应数据的解决方法,ajax在得到请求响应后主要会做两个处理:获取响应数据和使用类型转化器转化数据. a.获取响应数据 获取响应数据是调用ajaxHandleResponses函数来处理。 ajaxHandleResponses的功能有： - 为jqXHR设置所有responseXXX字段(值便是响应数据) - 找到正确的dataType (在content-type和预期...
2016年01月13日 编程技术 暂无评论 喜欢 1 阅读全文

jquery图片上传和裁剪应用：Croppie使用例子

jquery图片上传和裁剪应用：Croppie使用例子
图片裁剪我们需要通过jquery定位然后把坐标传给php再由php进行图片的裁剪操作了，今天我们就一起来看一篇关于jquery图片上传和裁剪应用：Croppie使用例子，希望对大家有帮助。 在很多应用需要上传本地图片然后再按尺寸适当裁剪以符合网站对图片尺寸的要求。最常见的就是各用户系统要求用户上传和裁剪头像的应用。今天我给大家介绍的是一款基于HTML5和jQuery的图片上传和裁剪插件，它叫Croppie。 HTML: 首先...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

jquery ui dialog 替代 confirm的例子

jquery ui dialog 替代 confirm的例子
jquery ui dialog是一个弹出层一样的确认提示框了而confirm是js原生太的确认提示框了,confirm有一个缺点就是点击时会有声音了,所以体验非常的不错了,下面我们来看一个jquery ui dialog 替代 confirm的例子 js的confirm,有的浏览器会直接屏蔽掉,导致功能无法使用,推荐使用jquery ui 的dialog功能,完美替换confirm功能. 1,html代码 <div id="confirm_dialog" title="提示" style="displ...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

jQuery 事件 scroll() 方法的使用教程

jQuery 事件 scroll() 方法的使用教程
当用户滚动指定的元素时，会发生 scroll 事件。scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。scroll() 函数触发 scroll 事件。或者如果设置了 function 函数，则规定当发生 scroll 事件时执行的代码。 首先介绍一下(document).height()与$(window).height()的区别： $(document).height() 是获取整个页面的高度 $(window).height() 是获取当前 也就是你浏览器所能看到的页面的那部分...
2016年01月13日 编程技术 暂无评论 喜欢 5 阅读全文

Jquery中的offset()和position()的用法和区别

Jquery中的offset()和position()的用法和区别
在js中offset()和position()的用法和区别大家知道吧，如果不知道的话可以小编一起来看小编整理的一些关于offset()和position()的用法和区别例子。 jquery 中有两个获取元素位置的方法offset()和position()，这两个方法之间有什么异同？使用的时候应该注意哪些问题？什么时候使用offset(),什么时候又使用position()呢？ 先看看这两个方法的定义。 offset(): 获取匹配元素在当前视口的相对偏移。 返回的对象...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

js中实现浏览器跨域访问解决方案

js中实现浏览器跨域访问解决方案
js中实现浏览器跨域访问可以使用js也可以使用html5了，希望文章能够让各位更深入的关于js实现浏览器跨域访问的原理与方案。 跨域的概念 跨域大家都知道,不同地址,不同端口,不同级别,不同协议都会构成跨域。例如：about. www.xiaohuboke.com和www.你的域名都会构成跨域。总结起来只要协议、域名、端口有任何一个不同，都被当作是不同的域。下面举例，每两个一组。 URL 说明 是否...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

jquery的deferred对象实现判断页面中所有图片加载完成

jquery的deferred对象实现判断页面中所有图片加载完成
jquery的deferred对象实现判断页面中所有图片加载完成在应用中到不多了，我们用到最多的是其它的方案了，不过今天发现deferred做起来非常的不错，下面来看看,判断页面中所有图片是否加载完成. 对于图片是否加载完成，我们平时可以用监听图片load 方法来进行。今天主要介绍用jquery的deferred对象来进行判断。 关于jquery的deferred对象，是jquery的重点和难点。对于执行较长时间的函数，我们通常用deferred...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

jquery中动态新增的元素节点无法触发事件解决办法

jquery中动态新增的元素节点无法触发事件解决办法
在使用jquery中动态新增的元素节点时会发现添加的事件是无法触发的，我们下面就为各位来详细的介绍此问题的解决办法． 比如做一个ajax读取留言列表的时候，每条留言后面有个回复按钮，class为“reply”,如果你用的是$(".reply").click(function(){ //do something... })，想必后面通过ajax加载进来的列表中的回复按钮，点击事件会失效,其实最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点lo...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

jquery的登录注册内容的提交

jquery的登录注册内容的提交
登录注册内容的提交效果我们现在做得越来越好看了，今天我们一起来看一个登录注册内容的提交的例子。 网页中的登录注册是很普遍的，但是在项目中 ，我是第一次接触到登录注册内容的提交，于是自己整理下，下面我就介绍一下我整理的内容。 首先，要在前端页面中写出 登录注册的需要的input框，这是基本内容，这里就不详细介绍了。接着就开始介绍提交登录注册的内容了，我将它分为下面几个部分： 1、注册登录...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

基于jquery的省、市、区的ajax应用例子

基于jquery的省、市、区的ajax应用例子
jquery的省、市、区的ajax的例子小编也介绍过不少了，我们今天再一起来看一个关于ajax省、市、区的例子吧，希望文章能够对各位朋友带来帮助的哦。 相信前端应该都会有用过或听过省市区联动ajax，我之前虽然有听过，但这也是第一次在项目里碰到，所以整理一下自己的应用和总结。 首先是基础的没有默认值，提供给用户选择的省市区下拉菜单，相信这种应该是最易理解的，这里就不再赘述。接下来就说一下我在项...
2016年01月13日 编程技术 暂无评论 喜欢 0 阅读全文

jQuery中 trigger() & bind() 使用

jQuery中 trigger() & bind() 使用
trigger() & bind()方法都是绑定事件了，我们对于trigger() & bind()的用法如果不是非常的清楚可以来看下面小编整理的一篇文章 trigger(type) 在每一个匹配的元素上触发某类事件。 返回值:jQuery 参数: type (String): 要触发的事件类型 示例: $(“p”).trigger(“click”) 1.trigger() 触发事件 这个方法是jQuery 1.3中新增的一个引起触发事件的函数。 这里的事件就如jQuery的帮助文档中的事件那一栏...
2016年01月13日 编程技术 暂无评论 喜欢 1 阅读全文