Jquery小实例

【Jquery小实例】的更多相关文章

【jQuery小实例】---2自定义动画

---本系列文章所用使用js均可在本博客文件中找到本节用jQuery完一个简易的动画效果,一个小驴跑跑的效果.和一个类似qq面板效果.大致也分为三步:添加jquery-1.8.3.js文件.这个是不可缺少的,以下文章都需要添加,下面不再一一强调.随后添加图片,写jQuery代码: 一,小驴跑跑图片添加: <image src="1.gif" id="im" /> 编写Jqery代码: $('#im').animate({ 'left': '490p…

jQuery 小实例关于按字母排序

jQuery的强大再次不再赘述一般情况下操作表格式数据的一种最常见的任务就是排序,在一个大型的表格中,能够对要寻找的信息进行重新排列是非常重要的,一般情况用来完成排序的方式有两种 :一种是服务器端排序,另一种是javascript排序,今天就来说说第二种排序:即脚本排序上代码 <table class="sortable"> <thead> <tr> <th></th> <th class="sort-al…

【jQuery小实例】---3 凤凰网首页图片动态效果

---本系列文章所用使用js均可在本博客文件中找到本页面实现类似于凤凰网首页,鼠标点击新闻,可以在div中显示新闻图片,点击军事显示军事图片的效果.采用的思路是:鼠标悬浮,显示当前div中的内容(图片,文字,新闻,视频等),其他div隐藏效果. 首先是添加js文件,设置html代码.在不同div添加内容.设置样式,最后编写jQuery代码实现效果: 动态图片浏览器 1,添加js文件. <script src="jquery-1.8.3.js" type="text/j…

【jQuery小实例】js 插件查看图片

---本系列文章所用使用js均可在本博客文件中找到. 像淘宝一样,鼠标放在某一件商品上,展示大图信息,甚至查看图片的具体部位.给人超炫的效果,这种效果实现基于js文件和js插件.大致可以分为三步,添加js样式和插件,找到对应图片,写html代码和jQuery代码. 1,添加jQuery插件:jquery-1.8.3.js和jquery-1.8.3.min.js(插件可以下载). 基本上jQuery效果实现都基于此插件,类似于咱们在三层中的DbHelp类 2,添加查看图片的插件和样式和图片(big…

1正反选 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table> <th><tr> <td><input type="button" valu…

jquery-1 jquery几个小实例

jquery-1 jquery几个小实例一.总结一句话总结:jquery真的是简单加简便. 1.jquery中改变多个css属性怎么整? 可以链式连接方式,也可以大括号整多个.中间是键值对加引号的形式,和在css中写很像.css中写左边没有引号.右边也没有引号 64 function(){ 65 $(this).animate({ 66 'margin-left':'0px' 67 },500); 68 } 二.jquery几个小实例 toggle循环单击 <!doctype html>…

一个简单的jQuery插件开发实例

两年前写的一个简单的jQuery插件开发实例,还是可以看看的: <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> (function($){ // 为指定节点添加遮盖效果 var methods = { Documents : {}, Options : {}, S…

jQuery Ajax 实例 ($.ajax、$.post、$.get)

jQuery Ajax 实例 ($.ajax.$.post.$.get) 转 Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看, 地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/ $.post.$.get是一些…

10个jQuery小技巧

收集的10个 jQuery 小技巧/代码片段,可以帮你快速开发. 1.返回顶部按钮你可以利用 animate 和 scrollTop 来实现返回顶部的动画,而不需要使用其他插件. $('a.top').click(function () { $(document.body).animate({scrollTop: 0}, 800); return false }); 改变 scrollTop 的值可以调整返回距离顶部的距离,而 animate 的第二个参数是执行返回动作需要的时间(单位:毫秒)…

winform 异步读取数据小实例

这几天对突然对委托事件,异步编程产生了兴趣,大量阅读前辈们的代码后自己总结了一下. 主要是实现 DataTable的导入导出,当然可以模拟从数据库读取大量数据,这可能需要一定的时间,然后再把数据导入到xml excel等.做了个小实例模拟了一下.特此帖出来以便日后查阅先上效果图然后贴上代码 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using…