基于jquery的tab切换 js原理

基于jquery的tab切换 js原理的相关文章

• 
  基于jQuery的弹出消息插件 DivAlert之旅（一）

  标签：Web开发

  打包下载 想着自己学习Javascript，以及Ajax、jQuery等已经有一段时间了，不过貌似还没有写过一个插件，看到jQuery官网上那么多令人眼前一亮的插件，自己今天也动心说是不是能够写一个类似的插件来瞧瞧，了解了jQuery插件的基本格式，理一下基本的思路，动工吧。。。 这个DivAlert插件，顾名思义就是页面弹出框，也就相当于Winform里面MessageBox.Show()那样的东西。 首先，我们来定义一下一些最...[ 查看全文 ]

  无奈的小女人哎

  71
• 
  基于jQuery的消息提示插件 DivAlert之旅（二）

  标签：Web开发

    改进的代码部分主要如下： 1、创建default.css文件: 代码 代码如下: img { vertical-align:middle; } .jBg { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #999; filter: alpha(opacity=70); opacity: 0.7; } .jWrap { position: absolute; border: 1px solid #cef; z-index: 10000; overflow: hidden; } .jTit { text-align: left; backg...[ 查看全文 ]

  无极限0101

  111
• 
  jQuery 练习[一] 学习jquery的准备工作

  标签：Web开发

  使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多. 官方站点: http://jquery.com/ 中文文档: http://jquery-api-zh-cn.googlecode.com/ 下载地址: http://docs.jquery.com/Downloading_jQuery jQuery 库就是一个 js 文...[ 查看全文 ]

  苏烟·来一根

  81
• 
  jquery tab标签页的制作

  标签：Web开发

  这里有一个内容要特别注意的那就是给标签的mouseover事件设置延迟，这样防止用户恶意的移动鼠标导致放送大量的请求而是服务器崩溃，用到setTimeout函数，主要用到已下的事件 1 $().each(function(){}) 这个是个非常重要的遍历所有标签的好办法 2 mouseover事件， 还有就是关键的css样式编写，控制显示的样式， 代码如下： !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" HTML HEA...[ 查看全文 ]

  liuyafeng110

  51
• 
  基于JQuery的cookie插件

  标签：Web开发

  简单使用方法： 代码如下： html head titleJQuery-Cookie插件/title script type="text/javascript" src="jquery-1.4.js"/script script type="text/javascript" src="jquery.cookie.js"/script /head body a href="#"设置cookie1/abr a href="#"设置cookie2/abr a href="#"获取cookie/abr a href="#"删除cookie/abr /body /html script type="text/javascript" $(function(){ var COOK...[ 查看全文 ]

  已不再温柔的人

  71
• 
  Jquery find与filter函数区别 说明

  标签：Web开发

  find()会在div元素内 寻找 class为classname的元素。 filter()则是筛选div的class为classname的元素。 基本是find子元素找，filter是平级找 ·find 函数是在当前对象集合的子元素中进行查询; ·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围; ·find 函数的参数是 jQuery 选择器表达式; ·filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系); ·filter 的参数...[ 查看全文 ]

  我是上官小九

  21
• 
  jquery 图片截取工具jquery.imagecropper.js

  标签：Web开发

  除了jquery，本插件还引用了UI库，包括ui.draggable.js ImageCropper 演示需要asp.net支持。测试通过 ImageCropper 下载 http://www.jb51.net/jiaoben/25688.html 插件用法： 代码如下： var imageCropper = $('#imgBackground').imageCropper(); 要注意的是此插件只应用在有src属性的img标签上。 通过插件输出的参数，即可以通过服务器端代码截取图片，比如： 代码如下： $('#imgCroppedImage').a...[ 查看全文 ]

  北京致爱

  1291
• 
  基于jquery的超简单上下翻

  标签：Web开发

  代码如下： html head title超简单上下翻/title script type="text/javascript" src="js/jquery.js"/script /head body 简单上下翻，函数 script type="text/javascript" function UpDown(What) { var aList = $("#tab a"); var oldnode = aList.get(0); /* *获取最后一个元素三种方法 */ newnode = aList[aList.length - 1]; newnode = aList.get(aList.length - 1); newnode = $("#tab a:...[ 查看全文 ]

  834900753

  31
• 
  jquery css 选择器演示代码

  标签：Web开发

  效果如图所示: 核心代码: 代码如下: script type="text/javascript" $('#one').css("background","#fff"); $('div').css("background","#fff"); $('body div').css("background","#bbffaa");//改变body内所有div的属性 $('div span').css("background","#bbffaa").css("color","red").css("font-size","12px");//改变所有div下的span元素的属性 $('#two .mini').css("background","red");//id为...[ 查看全文 ]

  yellowcatzy

  51
• 
  Jquery change(fontsize,background) 改变颜色与背景

  标签：Web开发

  change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title...[ 查看全文 ]

  从不穿裤裤的我

  71
• 
  JQuery contains的选择器

  标签：Web开发

  contains选择符 contains选择符是指对象中包括指定内容的对象本身，如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格，设置这些单元格的样式类型添加“highlight”类。 下面的代码，运行后，需要刷新下，以便加载jquery !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head script src="ht...[ 查看全文 ]

  年少无知931

  81
• 
  jquery 弹出公告功能代码

  标签：Web开发

  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titlejquery 弹出公告/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/scriptstyle *{ma...[ 查看全文 ]

  萌小猫hy

  2081
• 
  JQuery 插件制作实践 xMarquee插件V1.0

  标签：Web开发

  打包下载 插件需求 1，向左或者右移动列表中的元素.(注，上下方向也一样的，用css控制列表元素float的方向即可～) 2，鼠标移动到某个元素上时，改元素突出显示(css控制)，播放器停止滚动。移开后继续跑马。。 3，可选左右手工导航按钮。 实现原理 移动列表末尾元素到第一个元素前面即可。 将来的扩展(以后用到的话再看吧) 多个元素同时移动；移动时的效果；移动后的回调函数；（注：利用移动后...[ 查看全文 ]

  逆流成名

  171
• 
  jquery 实现的改变颜色与背景的代码 change(fontsize,

  标签：Web开发

  change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发，也会当其值在获得焦点后改变时触发。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title...[ 查看全文 ]

  今晩报

  301
• 
  jquery toggle faq 春江花月夜版

  标签：Web开发

  !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title豪情/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/scriptstyle dt{cursor:pointe...[ 查看全文 ]

  Time困心

  21
• 
  js jquery做的图片连续滚动代码

  标签：Web开发

  核心代码如下，大家可以参考 代码如下： script src="/js/jquery.js"/script  script  $(document).ready(function(){         $(".bannerbutton li").each(                       function(){    &nb...[ 查看全文 ]

  xu太萌

  231
• 
  基于jquery用于查询操作的实现代码

  标签：Web开发

  打包下载 一.本文干些啥： 通过javascript得到用户操作改变url参数从而实现某些功能，如查询(具体的查询由服务器端代码得到url中的参数组成查询语句实现)。 二.准备工作： 一个JQuery类库(我使用的版本为：1.3.2)，一个工具类库(Tool.js，基本都是网上搜索来的代码)，一个查询类库(Search.js，自己写的),一个htm页面（用来做练习），将这些js代码添加进页面htm页面。 htm页面 代码如下: !DOCT...[ 查看全文 ]

  liu_后花园

  51
• 
  JQuery Tab选项卡效果代码改进版

  标签：Web开发

  介绍的是基于JQuery实现的一个选项卡效果，重点体现在HTML里没有内联事件处理程序，而是定义在js文件里，做到行为与结构的分离。在实际应用过程中，只 要保证选项卡模块结构代码的完整性，就可以任意添加N个同类选项卡，不需要手动在HTML里绑定事件处理程序以及给要隐藏显示的内容层添加ID。 在这里，我又做了部分的修改，增加了选项卡可自动切换功能，以及选项卡点击相应还是鼠标放上后相应的参数，同时依...[ 查看全文 ]

  智邦培训网

  191
• 
  jQuery 1.0.4 - New Wave Javascript(js源文件)

  标签：Web开发

  代码如下： /* prevent execution of jQuery if included more then once */ if(typeof window.jQuery == "undefined") { /*  * jQuery 1.0.4 - New Wave Javascript  *  * Copyright (c) 2006 John Resig (jquery.com)  * Dual lic...[ 查看全文 ]

  我是狠女人

  191
• 
  基于jquery的一个图片hover的插件

  标签：Web开发

  先来看看使用方法。 演示地址 http://demo.jb51.net/js/jCutter_jquery/demo.htm HTML文件中这样写： 代码如下： div img src="1.jpg" alt="" div 这是点开后的页面的内容 /div /div 调用的话需要这样写： 代码如下： $(document).ready(function(){ options={ 'speedIn':600, //图片进入时候的动画速度 'speedOut':400, //图片退出时候的动画速度 'easeIn':'easeOutBounce', ...[ 查看全文 ]

  可爱的贝贝麻麻

  31