JavaScript:(function ($) {$.fn.ShowMask = function (options) {var defaults = {top: 150,left: 200}var options = $.extend(defaults, options);$("html").append(‘<div id="ui-mask"></div><div id="ui-mask-div" style="z-index: 99999;position: fixed;top:‘ + options.top + ‘px;left:‘ + options.left + ‘px;"><img src="Images/ui-loading.gif" /><span>操作正在进行中，请耐心等待......</span></div>‘)_this_ =...
在javascript中，this指代的对象时常会变化，这会造成程序，混乱，一般做法就是先将this保存在一个变量中，就不怕她变了，我们先看一个小例子var A = function(){this.star = functiont(){};this.beg = function(){var that = this;$node.click(function(){//this.start();//这里的this指代的是$node对象 that.start();});}; } JQuery提供了proxy方法，它可以绑定代理一个对象，this变了，我不怕不怕啦，that当thi...
这是一款基于jQuery实现文字倾斜显示，这是一款基于jQuery实现的超酷动态文字显示效果。适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。 效果图如下：在线预览 源码下载实现的代码。html代码：<div class="container"><div class="logo"><img src="images/frame.png" alt="" class="frame"/><img src="images/ani-bg.png" alt="" class="ani-bg"/></div><button type="submit" onclick="javascri...
动态网站通常利用背景图像或预加载屏幕，以保证所有资源都加载到页面上，在浏览器中充分呈现。现在很多网站都炫耀自己的图像作为背景图像全屏背景，追溯到旧的Flash网站却用自己的方式在HTML资源重布局。本综述我们列出15最好的jQuery全屏背景图像的插件，可以帮助你增加你的图像到您的网站，让他们看起来惊人的美丽。这个插件创建一些华丽的背景，幻灯片，你的网站让他们美丽的动画和过渡。1. MaxImagemaximage 2.0是一个全屏背景...
因为先前遇到的问题，所以我考虑采用 IFRAME 来隔离不同的脚本，从而实现我需要的效果。在框架中，我用 JavaScript 获取 JSON 数据，组织成 HTML 代码，最后将其填充至上层文档的一个元素中。按照一般的写法，我们需要用到类似如下的语句：1.window.parent.document.getElementById("myEle").innerHTML = html;使用 jQuery ，写法如下：1.$("#myEle", window.parent.document).html(html);即指明了是在 window.parent.document 中查...
数据库字段：Id（主键，自增）,Name(商品名称)，Price（商品单价）添加数据集DataSetProducts ，添加方法：GetDataByName()----->对应SQL：SELECT id, name, price FROM dbo.T_Productwhere name = @name 新建一般处理程序：GetPrice.ashx代码： using System;using System.Collections.Generic;using System.Linq;using System.Web;using AJAX.DataSetProductsTableAdapters;namespace AJAX{ /// <summary> /// GetPrice 的...
类似删除的效果，在执行之前，一般需要添加确认对话框，点确认的话执行，取消按钮就不执行，传统的jsif(confirm(‘确定删除吗？‘)){//执行代码}这种效果比较丑，使用jquery mobile优化一下需要引用的文件：<script src="~/Scripts/jquery-1.10.2.min.js"></script><link href="~/Scripts/Mobile/jquery.mobile-1.4.0.min.css" rel="stylesheet" /><script src="~/Scripts/Mobile/jquery.mobile-1.4.0.min.js"></script>效果如下：...
本文实例讲述了jquery+php实现导出datatables插件数据到excel的方法。分享给大家供大家参考。具体如下：DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。主要特点：1. 自动分页处理 2. 即时表格数据过滤 3. 数据排序以及数据类型自动检测 4. 自动处理列宽度 5. 可通过CSS定制样式 6. 支持隐藏列 7. 易用 8. 可扩展性和灵活性 9. 国际化 10.动态创建表格...
jquery在当前页面查看原图，单击图片，显示出大图片，再次单击图片，恢复网页原有状态。不刷新页面的情况下查看原图，在网上类似的应用有很多。有时候朋友们说这是无刷新放大图片的功能，其实也就那么一回事吧，不过从本款代码来看，这功能实现起来并不太复杂，引入了jQuery，代码分享给大家。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htm...
XMLHttp方法：$("#name").blur(function () { var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); //创建HMLHTTP对象，相当于WebClient if (!xmlhttp) { alert("创建xmlhttp异常！");return false; } var name = escape($(this).val()); //注意传值的时候参数如果是中文，要编码xmlhttp.open("POST","/admin/IsN...
1var origin = [2 {id:1,title:‘title1‘},3 {id:2,title:‘abcd‘},4 {id:3,title:‘title2‘},5 {id:4,title:‘efg‘}6];7 8var find = function(data){9// your code here10} 1112var result = find(origin).where({‘title‘:/\d$/}).order(‘id‘,‘desc‘); //desc 非递增13 console.log(result); // [{id:3,title:‘title2‘},{id:1,title:‘title1‘}]写了10分钟左右：随便A了一下var origin = [{id: 1...
效果：源码：index.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>百度星座</title><style type="text/css">*{margin: 0;padding: 0;}.clearfix:after{content: "";display: block;clear: both;height: 0;line-height: 0;visibility: hidden;}.clearfix{zoom: 1;}ul{list-style: none;}button{border: none;outline: none;cursor: pointer;}body{background: url("img/bg.jpg") no-repeat;background-si...
<!DOCTYPE html><html><head><meta charset="UTF-8"><script src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript"> $(document).bind(‘click‘, function(e) { var e = e || window.event; //浏览器兼容性 var elem = e.target || e.srcElement; while (elem) { //循环判断至跟节点，防止点击的是div子元素 if (elem.id && (elem.id ==‘test‘|| elem.id ==‘test2‘)) { return; ...
这篇文章主要介绍了用html+css+js(jQuery)实现的一个简单的图片切换特效,需要的朋友可以参考下.记得要引入一个jQuery库文件，可以是网上在线的，也可以是本地的，注意路径。如图所示。 该图片切换特效实现很简单，而且兼容性很好。 html页面如下 复制代码代码如下:<div class="wrapper"><div id="focus"><ul><li><a href="http://www.lanrentuku.com/" target="_blank"><img src="img/01.jpg" alt="QQ商城焦点图效果下载"/></a></l...
原文:使用Jquery的Ajax实现无刷新更新，修改，删除页面 本文将向大家讲述一下最近工作的一些总结，主要包括了以下内容，注册界面以及详细信息界面的编辑。主要是介绍了AJAX技术，因为我觉得其他方面没什么好介绍的。首先是跟大家说一下Ajax的优点，假如你删除了一个页面的内容，你想当于点击了一个按钮，那么这个页面必然发生了回发事件，也就是说，你的页面必然被刷新了一次。以下是我从网上找来的一张Ajax的原理图，本人PS技术...