夏日博客

js实现鼠标移上去显示图片或微信二维码

js实现鼠标移上去显示图片或微信二维码
其实文章介绍的js实现鼠标移上去显示图片或微信二维码效果就是一个显示隐藏效果了，只是在图片或元素中绑定的事件了，具体我们多说无凭了，看例子。 例子: <html>   <head>   <script type="text/javascript">   function  showImg(){   document.getElementById("wxImg").style.display='block';   }  ...
2016年01月11日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

jquery实现点击出现下拉页面可以收缩例子

jquery实现点击出现下拉页面可以收缩例子
jquery要实现下拉与可收缩的效果我们只要用到slideToggle方法就可以实现了具体的给各位介绍一个例子，希望例子对各位有用。 有时候我们需要点击一个文字或者图片的时候出现一个下拉的页面，再点击就会收缩回去，比如需要一个隐藏的表单，点击某处才出来的时候，今天分享下这个相关代码！做之前需要加载一个jquery，（点击下载） <script src="js/jquery-1.4.2.min.js"></script> ...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery通过数组存储关联值显式操作Checkbox

jQuery通过数组存储关联值显式操作Checkbox
本文我们来分享一下jQuery显式操作Checkbox，并用数组存储关联值的方案，对需要关联操作Checkbox的朋友可以参考一下。 应用场景:当需要由多个表数据关联得到某一具体数值时，下例是一种解决的思路和方案。 /**   * 显式选中清空Checkbox(jQuery代码)   *    */   var obj = $(':checkbox');      obj.on('click'...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery实现弹出窗口切换登录与注册表单

jQuery实现弹出窗口切换登录与注册表单
jQuery弹出窗口我相信各位都做过了，因这jQuery有很多的插件可以简单的实现了，具体的我们就来看一些例子，希望文章对各位有用。 当点击页面中的登录或注册按钮时，将会弹出一个模态窗口，就是一个弹出层，我们可以在弹出层上轻松的切换登录与注册表单，极大的方便用户，不需要关闭层再去点击转向其他操作，在很多网站上已经广泛应用。 jQuery实现弹出窗口切换登录与注册表单 本文结合实例，通过使用jQuery...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

完整的jquery全选/取消全选示例效果

完整的jquery全选/取消全选示例效果
jquery取消全选与全选按钮比起js要简单多了，我们可以直接使用attr与removeAttr方法来给checkbox增加或删除checked事件的真假了，具体如下 由于这两个比较简单，我就直接上代码吧: //全选/取消全选   $('#quanxuan').toggle(function () {       $("input[name='abc']").attr("checked", 'true');   }, function () {...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Jquery Ajax Select 联动的三个实例分享

Jquery Ajax Select 联动的三个实例分享
本文我们分享三个Jquery Ajax Select 联动的实例，分别是使用Jquery-Ajax改变Select标签进行联动，jquery ajax 读取联动菜单 select菜单，基于JQuery的Select下拉框联动(级联)。 使用Jquery-Ajax改变Select标签进行联动. 页面存在着一组select标签，它们的id分别是clientType和type。type随着clientType的选择而改变。 实例: $('#clientType').change(function(){      var va...
2016年01月11日 前端设计 评论 1 条 喜欢 0 阅读 0 views 次 阅读全文

jQuery中animate方法简单用法

jQuery中animate方法简单用法
在jquery中animate是可以动态的来改变改变"div" 元素的高度了，下面我们就一起来看看animate方法简单用法吧，希望文章能够对各位有用。 animate()方法提供了自定义的动画，能够实现更加新颖的动画效果,其语法结构,代码如下: $(element).animate({    param1: value1,    param2: value2},    speed, function() {    ...
2016年01月11日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

jquery生成当前页面的二维码图片

jquery生成当前页面的二维码图片
二维码通常是使用php生成但现在的jquery也可以直接生成二维码了，下面来看一个简单的例子。 jquery.qrcode.js是一个生成二维码的jquery插件。压缩后体积不到4K。使用它来生成当前页面的二维码很方便。 示例: <!DOCTYPE html>   <html>   <head>     <title>jquery生成当前页面的二维码</title>     &l...
2016年01月11日 前端设计 暂无评论 喜欢 2 阅读 0 views 次 阅读全文

mac中PopClip插件开发实例

mac中PopClip插件开发实例
Actions 里面一个 dict 是一个图标，由于 PopClip 不支持直接执行可执行文件，所以要使用 shell 来执行一下。 配置文件: Actions 里面一个 dict 是一个图标，由于 PopClip 不支持直接执行可执行文件，所以要使用 shell 来执行一下。 自己给定的两个图标的颜色是没有关系的，PopClip 会自动修改图标的颜色。 <?xml version="1.0" encoding="UTF-8"?>   <!DOCTYPE plis...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery使用prop设置checkbox全选、反选例子

jQuery使用prop设置checkbox全选、反选例子
对于checkbox的全选与反选我相信各位朋友都有用过了，在此我们介绍使用prop来进行操作了，具体的操作如下。 大家都知道 jQuery 可通过 attr 方法来设置 dom 属性，自然的也就想到用 $(dom).attr('checked', 'checked'); 这种方法来选择 checkbox 了，但是最近在项目中使用 checkbox 全选、反选的时候，却出现了问题： 在使用 attr 方法设置选择后，点击第一次可以设置反选，第二次却不行了。 $(function...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

基于jQuery的表格行上移下移和置顶效果代码

基于jQuery的表格行上移下移和置顶效果代码
表格行上移下移和置顶有点像排序效果是一样的，我们以前介绍的都是通过js来实现，现在也是用js不过是升级版本的jquery实现表格行上移下移和置顶功能了，具体的例子如下所示。 基于jQuery的表格行上移下移和置顶效果代码HTML. 页面上是一个简单的数据表格，我们在数据行中分别放置“上移”，“下移”和“置顶”三个链接，并且分别定义三个class属性，我们来通过jQuery实现这些操作。 <table class="tab...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery 图片延迟加载特效实现代码

jQuery 图片延迟加载特效实现代码
很多网站图片是在下拉滚动条时才加载，这种用户体验不错的效果可以通过 JavaScript 库 jQuery 实现的，本文来就这个特效详细解读。 风站延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery中closest和parents的区别

jQuery中closest和parents的区别
closest和parents从表现上来看都是说查找上线元素的一些内容了，但如果说仔细可能各位不懂，下面我们一起来看看closest和parents区别。 1.父级 parent()——唯一父级元素，可能是0个或1个元素。 2.祖先 parents(selected)——所有selected祖先（不包含根元素），可能是0个、1个或多个元素。 closest(selected)——唯一selected祖先，可能是0个或1个元素。 closest和parents的主要区别是： 前者从当前元素开始匹配...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery中contents()与children()的区别

jQuery中contents()与children()的区别
jQuery中contents()与children()的区别是什么呢？我相信很多朋友对于这两个方法不是很了解了，下面小编为各位介绍它们的区别与用法吧。 1、基本概念 首先呢，这两个方法是有区别的。 ontents() 方法返回所有直接子元素，包括被选元素的文本和注释节点。 文本节点是由元素显示的实际文本。 该方法与 children() 方法类似，不同的是它返回的是文本和注释节点。如果在相同的域中，contents() 方法也能访问 ifr...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery中trigger()触发hover事件疑问

jQuery中trigger()触发hover事件疑问
jquery中trigger() 方法触发被选元素的指定事件类型了，但有使用过程中会碰到一些问题了，下面我们一起来看看jQuery中trigger()触发hover事件疑问,希望对各位有帮助。 今天做一个项目，遇到了一个问题，是以前没有遇到过的，就此记上一笔。 1、trigger方法解释 官方是这么解释的： Description: Execute all handlers and behaviors attached to the matched elements for the given event type. 用法： .t...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery scroll()和resize()增加延时处理示例

jquery scroll()和resize()增加延时处理示例
本文章为各位介绍一个关于jquery scroll()和resize()增加延时处理示例，如果各位对于scroll()和resize()用法不了解的可以和小编一起来看看吧。 浏览器的scroll()和resize()方法都是实时处理的，比如浏览器拉动浏览器的过程中一直在触发scroll()，浏览器的在改变大小尺寸的时候一直在触发resize()，如果在这两个方法里加上函数之后，会一直不间断的去处理，很可能造成浏览器负荷。 解决的方法就是延时，当然...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery同域跨iframe操作DOM例子

jQuery同域跨iframe操作DOM例子
下面为各位来介绍一个jQuery同域跨iframe操作DOM例子，如果各位对于jquery跨域操作不了解可以和小编一起来看看本文章吧。 iframe目前还是比较流行的，许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢，简要的记述一下跨iframe的相关操作，主要是用jQuery操作DOM结构方面。 1、父框架操作iframe <iframe src="a.php" id="aa"></iframe&g...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery中has()和contains()及empty用法介绍

jQuery中has()和contains()及empty用法介绍
本文章为各位介绍jQuery中has()和contains()及empty用法了，这三个方法我相信各位用到的最多的估计是第一个和最后一个，中间函数估计不知道吧，下面我们一起来看看has()和contains()及empty用法。 jQuery:has()和jQuery:contains()两个方法比较类似。不同点在于： has是判断标签的 contains是判断文本的 1、jQuery:has() <div><p>Hello</p></div>   <div>Hello...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery获取天气API实例程序代码

jQuery获取天气API实例程序代码
jQuery获取天气API我们见得多了，在这里小编看到一站长写得非常不错的一款jQuery获取天气API插件，我们一起来看它的用法。 1、后台 <?php   if(isset($_GET['city']) && $_GET['city']!='')   {    $url='http://m.weather.com.cn/data/';    $city=(int)$_GET['city'];    $json = file_get_content...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery中getScript()使用方法与优缺点分析

jQuery中getScript()使用方法与优缺点分析
getScript函数非常的强大可以直接加载外部的一些js文件从而实现了跨域数据处理了，下面我们起来看一些关于getScript()使用方法与优缺点分析了。 目前做的主题，含有大量的js，以前是全部压缩到2个文件里的，两个文件都很大，在现代浏览器中运行毫无压力。但是，对于残疾的ie来说，那简直就是受罪。会随机出现以下状况： 1、js加载无任何错误，但就是没有特效。 2、js加载总是失败。 3、js加载过慢，导致用...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文