文章分类 - Jquery资料
摘要：html 代码如下：View Code 1 <a id="ViewInfo" href="javascript:void(0)" class="link" onclick="ViewMsg(<%#Eval("RecordID")%>);return false;">查看全部</a> 2 <div id="ViewMsg" style="background-color:#fff; padding:10px;" cl
阅读全文
摘要：这些天忙于公司项目的改版就很少来这里发表文章了，今天趁着周末休息给大家分享一个jQuery提示控件。可用于显示加载提示、错误提示、操作提示等。先上张预览图：提示条样式可以自己定义，支持关闭回调和锁屏，自适应居中，采用fixed定位（暂未考虑兼容IE6）。下面是源码： 1 /** 2 * tooltip提示 3 * @author Newton---承諾ン祗愛 4 * @date 2012年04月19日晚 5 * @update 2012年04月23日重构，保证一个实例的关闭函数只能触发自身的关闭事件，加入动画缓动支持。 6 * @param object{} 7 * ...
阅读全文
摘要：自从腾讯微博上线以来，基本上就开始用了，一直到现在，作为一个开发人员，也看到了腾讯微博一直在不停的改变，也不知道大家有没有发现，腾讯微博提供两种加载数据的方式，一种是分页，一种是滚动浏览器滚动条加载数据，分页功能我想大家都做得太多了，今天我与大家分享一下我用滚动条滚动加载数据，小生不才，还望各位大侠指教，呵呵~ 下面开讲： 首先说一下思路，我用的是Jquery，然后通过Jquery的ajax()方法通过 HTTP 请求加载远程数据来实现的，用到Jquery，首先要应用jquery.min.js类库，如果本地没有，也可以直接引用下面地址<script type="text/jav
阅读全文
摘要：//=====================================底图截取background-position:-570px -410px;//=====================================border 宽度不算在width里面；var temp7 = document.getElementById("anav7"); temp7.style.backgroundImage = "url(/QW2012/images/top_Bg_current.jpg)"; temp7.style.backgroundPosi
阅读全文
摘要：//获取元素的样式值。function getStyle(elem,name){if(elem.style[name]){return elem.style[name];}else if(elem.currentStyle){return elem.currentStyle[name];}else if(document.defaultView&&document.defaultView.getComputedStyle){name=name.replace(/([A-Z])/g,”-$1″);name=name.toLowerCase();var s=document.def
阅读全文
摘要：一，什么是jqueryjQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。说白了，jquery就是javascript。只不过按照人的习惯思维把它封装了一个比较强大的框架。还有一点jquery能够把html和javascript尽量分离，这也是我愿意用jquery的一个重要原因。jqueryt很灵活，太灵活了，可以说是他一个优点，也是他一个缺点，达到一种效果，十个人也许会用十种不同的方法来实现这个过程，结果一样，过程不一样，这到底是好，还是坏呢。就各说各的理了。二，学习和使用jquery的困惑
阅读全文
摘要：我们的项目用了SunSean的idTabs，但每个tab里的控件会触发postback，或者转到其他页面再转回来，这样当前选中的tab必丢。印度同事不肯用AJAX，无奈今天加班给印度人写个demo，通过回传URL参数来选择tab。为了做这件事，除了jquery库和idTabs插件，我们还需要下载一个用来搞URL的插件：jquery.url.js，传送门：https://github.com/allmarkedup/jQuery-URL-Parser（上述链接可能有错，如不能使用，可以到这里下载）Tab菜单的HTML代码这样写，每个tab的div自己搞定，不发出来浪费页面了：?<div c
阅读全文
摘要：大体需求：读取指定文件->进行相关处理->新建文件并保存内容【用户选择后缀名“.mlc”文件后再把得到的".flc"文件保存到相关路径下】解决方案：1、根据用户选择的‘.mlc’文件先上传到服务器端； 2、从服务器端取出该文件用文件流进行读取操作； 3、经过处理的文件以‘.flc’后缀保存到服务器端 ； 4、最后弹出下载框供用户下载保存。第二种解决方案是使用ActiveX，之前的一篇《BS实现文件夹上传下载_终结篇》可以参考下。前台代码：1 <div>2 <input type="hidden" id="hdFil
阅读全文
摘要：在大家日常网站开发和web应用开发中，我们往往需要有效的调用Javascript处理日期和时间格式相关的函数，在Javascript中已经 包含了部分最基本的内建处理方法。当然如果大家有时间的话，完全可以自己开发和编写需要的方法，但是有效的使用别人已经开发好的类库肯定是一个更好的处理 方式，没有必要什么都原创吧，君子善假于物也。今天这里我们收集了5个最佳的日期处理函数类库，希望对于大家有帮助，如果你喜欢我们的文章，请大家给我们 留言，谢谢！1. XDate这个类库是javascript本地日期对象的封装，提供了加强的方法来帮助你解析，格式化和日期处理。 使用它就类似使用javascript自己
阅读全文
摘要：在这篇文章中我们将向你介绍 20 个最棒的 jQuery 分页插件以及教程，并提供在线演示。1.客户端的jQuery 分页插件jPagesjPages是一个客户端的分页插件，但提供很多特性例如自动翻页、键盘和滚动浏览，延迟显示以及完全可定制的导航面板。Read MoreDemo2. jQuery ScrollPaginationjQuery ScrollPaginationplugin是一个 jQuery 实现的支持无限滚动加载数据的插件。Read MoreDemo3. jQuery 的分页插件——jqPaginationjqPagination是一个简单易用的轻量级 jQuery 分页插件，
阅读全文
摘要：jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。它有简单易用的API、可灵活配置的Configuration，支持自定义Effect，支持自主开发Plugin。下面是jQuery.Switchable的演示下载地址：http://www.jsfoot.com/jquery/demo/2012-04-07/534.html下面是jQuery.Switchable的几个亮点：在当前 trigger 中 mouseenter/mouseleave, click 不触发鼠标快速滑过非当前 trigger, 不触发mouseent
阅读全文
摘要：最近“杜圃”对IT的web前端开发特别感兴趣，于是就在搜索网页特效代码，发现jquery这个框架非常好使，于是就迷上了jquery特效，不断的收集jquery的一些简单的网页常用的特效。收集的越多“杜圃”心里就越兴奋，心里一想这么好的jquery特效不能一个人分享啊，要发给大家一起分享使用，于是决定在清明时节，细雨纷纷来临之际，收集75种常用的jquery网页特效，让广大爱web前端开发的爱好者，一睹我“杜圃”对IT专研的成果。杜圃说：效果比较多哦，要耐心看好哦。看完你就会觉得，做网站还是蛮简单的。提示：点击文字演示。1、jquery图片特效（14种 ） （1）、jquery cycle 循.
阅读全文
摘要：介绍8款 jquery 弹出层与浮动层插件这几款都比较常用，代码调用简单，易懂，值得研究哦。1、jquery smartFloat插件制作仿淘宝产品列表页默认排序搜索框2、jquery 万能float浮动层插件 制作QQ MSN 旺旺在线客服功能3、jquery 弹出层 点击按钮弹出层兼容IE和firefox浏览器4、jquery 制作鼠标点击描点a标签返回顶部5、jquery 弹出层插件 鼠标点击文字获取标题弹出层内容信息6、jquery 图片提示 交互式图片滑过与点击提示更多文字信息和弹出层信息7、jquery 弹出层插件 ThickBox 多功能弹出层插件支持图片、ajax、内嵌内容弹等
阅读全文
摘要：通过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。我们先来看一下html模板：<tableid="datas"border="1"cellspacing="0"style="border-collapse:collapse"><tr><th>订单ID</th><th>客户ID</th><th>雇员ID</th><th&
阅读全文
摘要：用JQuery实现表格隔行变色和突出显示当前行上源码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>表格隔行背景和突出显示当前行</t
阅读全文
摘要：开发网站少不了要经常用弹出窗口的形式，今天在网上搜了个小插件LeanModal，记录于此，方便自己，亦方便他人使用。此插件是个老外写的，体积小是它最大的优点，压缩后1k不到。当然，此插件是寄生于JQuery上.一. 效果图二.使用步骤： 1.引用Jquery.js和leanModal.min.js <script src="Javascript/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="Javascript/jquery.l
阅读全文
摘要：1.新建demo.aspx页面。2.首先在该页面的后台文件demos.aspx.cs中添加引用。using System.Web.Services;3.无参数的方法调用.大家注意了，这个版本不能低于.net framework 2.0。2.0已下不支持的。后台代码：[WebMethod] public static string SayHello() { return "Hello Ajax!"; } 复制代码JS代码：$(function() { $("#btnOK").click(function() { ...
阅读全文
摘要：这篇文章与大家分享的是10款非常有用的 Ajax 插件，有用于图片的，用于分页的，还有用于导航的。这些作者的想法特别新颖，希望你能从中找到自己需要的插件。1. AJAX-ZOOM非常强大的一款插件，可用鼠标滚轮进行缩放，360° 旋转，全屏浏览等很多功能，在线演示2. VerticalSlider用于显示长列表的很好的方式，以Ajax方式加载，在线演示3. More plugin一款实现更多功能的插件，可用于显示更多评论，也可用于显示后面多少篇博文等，在线演示4. HTML5 drag & drop image file uploader这是一款实现HTML5拖放上传的插件，
阅读全文
摘要：这个jQuery选择器实验室非常酷，它能在线免费使用，当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段，然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。点击上图查看清晰大图2.测试jQuery包装集是否包含某些元素 如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在：if($(selector)[0]){...}// 或者这样if($(selector).length){...}来看看这个例子：//例子.如果你的页面有以下html代码<ulid="shopping_cart_ite
阅读全文
摘要：2012-02-12 15:09 by 囧月, 1657 visits,收藏,编辑jQuery UI Autocomplete是jQuery UI的自动完成组件，是我用过的最强大、最灵活的Autocomplete，它支持本地的Array/JSON数组、通过ajax请求的Array/JSON数组、JSONP、以及Function(最灵活)等方式来获取数据。支持的数据源jQuery UI Autocomplete主要支持字符串Array、JSON两种数据格式。普通的Array格式没有什么特殊的，如下：?1["cnblogs","博客园","囧月&q
阅读全文
浙公网安备 33010602011771号