编程技术 | 小虎博客

jquery实现点击弹出带标题栏的弹出层效果代码

弹出层在现代的开发中用到非常的多特别是在手机网站开发时我们都会用到弹出层效果了，下面来看一篇jquery,弹出带标题栏的弹出层效果例子。这是一款jquery实现的弹出层，点击文字后从网页右上角飞入，也可以说是滑入，此类弹出框带有关闭按钮，可自定义标题栏和弹出框内容，风格自己可定义，代码简洁，基于jquery实现,实现代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML&n...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jQuery实现的折叠菜单效果代码

折叠菜单效果我们在企业网站或分类中会常用到了，下面小编为各位整理了一个jQuery实现的折叠菜单效果代码供各位参考使用。这是一款jQuery采用连缀写法实现的折叠菜单效果,代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jQuery+HTML5瀑布流布局例子

瀑布流在图片网站应用到最多了就是拖动就可以实现瀑布流的功能了，下面我们一起来看一个jQuery+HTML5瀑布流布局例子，希望此例子能够对各位朋友带来帮助。这是一款JavaScript与HTML5实现美女瀑布流布局，本方法是把图片的路径写在了JS的数组里，不过重点好像不是在这里，而是在图片如何自动排列的问题，你可以运行本实例后，点击“加载瀑布流布局”按钮，即可看到图片的瀑布流排列效果，现在很流行这个，希...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

基于jQuery　Bar Indicato的进度条展示特效代码

进度条效果通常使用js实现不过现在的jquery插件越做越强大了，我们找到一款基于jQuery　Bar Indicato插件可以直接制作成进度条了，下面来看看。 Bar Indicator是一款基于jQuery的进度条数据展示插件，它可应用于数据统计展示、投票统计以及任务进度等诸多场景中。它使用简单、选项丰富，几乎可以满足用户所有基于进度条的WEB设计需求，本文将结合实例给大家讲解Bar Indicator的使用。首先加载jQuery和Bar ...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jquery中append $(this) 使用问题解决方案

append() 方法在被选元素的结尾（仍然在内部）插入指定内容,提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容的位置和选择器。但我们append $(this)估计很少用到吧，下面来看使用时的一些问题。 js 代码 <script type="text/<a href="/js_a/js.html" target="_blank">javascript</a>"> $(document).ready(functi...

2016年01月12日编程技术暂无评论喜欢 1 阅读全文

jquery attr方法获取input的checked属性问题

本文章来为各位介绍一篇关于jquery attr方法获取input的checked属性问题总结，希望本文章能够帮助到各位朋友。问题:经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase <input type="<a href="/tags.php/che...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jQuery+PHP+Mysql在线拍照和在线浏览照片

在线拍照通常是通过flash插件来实现了，今天我看到有一篇基本jQuery+PHP+Mysql在线拍照和在线浏览照片的例子，下面我们一起来看看，希望例子对各位有帮助。本文用示例讲述了如何使用jQuery与PHP及Mysql结合，实现WEB版在线拍照、上传、显示浏览的功能，ajax交互技术贯穿本文始末，所以本文的读者要求具备相当熟悉jQuery及其插件使用和javscript相关知识，具备PHP和Mysql相关知识。本文示例建立在本站hell...

2016年01月12日编程技术暂无评论喜欢 2 阅读全文

Jquery 判断浏览器类型的例子

如果我们要判断浏览器类型是可以通过navigator.userAgent命令来获得里面的头部信息的，下面来看一个例子，具体如下: $(document).ready(function() { var explorer =navigator.userAgent ; //ie if (explorer.indexOf("MSIE") >= 0) ...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jQuery中empty与html(”)的区别对比

在jquery中empty与html('')的区别许多的朋友估计不是非常的清除了，下文我们给各位empty与html('')的区别级例子，希望下文能够对各位有所帮助，具体如下。 html() 返回值:String 概述: 取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 empty() 返回值:jQuery 概述: 删除匹配的元素集合中所有的子节点。 html() 方法如果未设置参数，则返回被选元素的当前内容。 html("") 则...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

Jquery+css实现滚动条定位效果

滚动条定位效果其实就是指定的内容定位在指定的范围之内了，这种效果我们可以通过css与javascript来实现了，下面一起来看一个Jquery+css实现滚动条定位效果制作的全过程，具体如下,这是在P项目碰到的一个功能实现，我姑且把它称为滚动条定位。假设有一个这样的列表组件U，当我点击item7时,U会产生scrollTop值,同时U会被重新渲染。当我刷新页面时或者点击item5，scrollTop会自动变为0(点击item或刷新页面,U...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jquery弹出对话框背景遮罩例子

遮罩效果在许多的一些图片预览或注册弹出对话框中都会碰到过了,下面我们一起来看这个jquery弹出对话框背景遮罩例子,希望例子能够对各位带来帮助,首先定义一个背景黑色，透明度低的div,当点击的时候弹出需要显示的对话框,并显示遮罩层,关闭对话框,遮罩层隐藏,要注意的是对话框的z-index的值要比遮罩层大. .mask{ position: absolute; ...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jquery仿苹果手机IOS开关效果

现在手机流行的对功能的一个开关操作了，我们在网页前段也来为各位介绍一下关于开关效果在html中的实现方法，具体如下,首先定义一个外层div，里面的设置一个span作为按钮可以点击，当点击它的时候，使用动画让它向右滑动，在滑动的同时，可以更改一些其他属性，达到更好的效果. <div class="switch-btn"> <span class="kx-img switch-img-...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jquery验证手机号码及格式化的例子

验证手机号码不管是用js还是jquery其实操作起来都是非常的简单的了，那么如果还需要格式化要如何做到呢，这里小编来为各位介绍一篇验证手机号码jquery代码。我们常用的验证手机号码的js --jquery手机号验证 //<a href="/tags.php/%CA%D6%BB%FA%D1%E9%D6%A4/" target="_blank">手机验证</a> function isMobil(s) &n...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jquery实现模仿淘宝购物车结算两个例子

购物车在最初的用法就是一个页面了而到了现在的淘宝网它的购物车非常的人性化并且好用了，下面我们来看jquery实现模仿淘宝购物车结算两个例子，希望对各位有帮助。这篇文章里，将会提到购物车里的所有功能。包括全选、单选金额改变。在增加数量时金额也会相应改变。说下大致的思路吧: 1、首先是计算一行的价格。这个功能在上篇博客里有提到，这里就不列举出来了。 2、遍历选中的几行，将每行的数值相加。...

2016年01月12日编程技术暂无评论喜欢 7 阅读全文

jquery/js ajax 跨域4种方法

ajax跨域对于现在的web开发来讲用到非常的多同时现在关于ajax跨域的实现方法也不少了，下文来为各位整理4种ajax跨域实现方法,关于ajax跨域问题,今天整理了一下,其实还有其他办法了,个人推荐以下4种,请参考:ajax 跨域实例. 一，传统的ajax方法 1，js代码 $("#ajax").click(function(){ $.ajax({ type: "POST", ...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

JS提交对象数组到C#服务端的两个方法

本文我们分享两个Jquery提交对象数组到C#服务端的的方法，后面还分享了另外一篇Jquery ajax传递对象（数组）到后台并解析的实现方案。方法一:利用ajax 1) 客户端js代码： //获取对象数组 function GetQAS() { var stuAnswerList = []; var stuAnswer = { 'answerI...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jQuery DOM操作总结教程

本文我们总结了jQuery操作DOM的事件，及jQuery针对DOM插入操作的方法，这些都是jQuery高级技巧，学习jQuery可以掌握。页面加载之DOMReady事件: 所谓domReady,也就是文档就绪，我们都知道，在操作dom时必须要在dom树加载完成后才能进行操作。如何检测DOM树已经构建完成，以下是一些实现的方式： 1.使用jQuery： // with jQuery $(document).ready(function(){ /* ...&n...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jquery zclip兼容多浏览器文字复制

文字复制在js中许多简单的代码但那些代码兼容性都不强了，如果想兼容多浏览器我们可以使用jquery zclip来实现了，而jquery zclip是基于Flash插件了，下面我们就一起来看一个jquery zclip兼容多浏览器文字复制例子,zclip是一款基于Flash的jquery插件，所以浏览要安装Adobe Flash Player。要有一个统一的copy功能，各浏览器都要兼容，开发成本比较高，主要是各浏览器没有统一的标准，也由于安全性的原因,请查...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

解决uploadify 发送多余请求的问题

uploadify是一款上传插件了我们可以使用uploadify来实现无刷新+进度条上传效果了，但在使用uploadify时有朋友检测到uploadify会同时发送多次请求了，那么要如何解决uploadify多次请求问题，具体操作如下。使用 uploadify 上传控件上传图片时，发现当uploadify.swf加载完成后会再次发送一个请求，假设当前页的URL是 /upload-test.php, 那么可以在浏览器中发现这个地址/demo/的请求。想要让其不发送这个多余...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文

jquery on() 方法绑定动态元素的例子

on()函数用于为指定元素的一个或多个事件绑定事件处理函数了，从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、 live()等事件函数了，下面一起来看几个jquery on() 方法绑定动态元素的例子. 即使是执行on()函数之后新添加的元素，只要它符合条件，绑定的事件处理函数也对其有效。此外，该函数可以为同一元素、同一事件类型绑定多个事件处理函数...

2016年01月12日编程技术暂无评论喜欢 0 阅读全文