当前位置:  编程技术>WEB前端

使用JQuery快速实现Tab的AJAX动态载入(实例讲解)

    来源: 互联网  发布时间:2014-08-25

    本文导语:  下面我就简单讲一下实现过程: 1.找到链接源,我这里是一串的Li下的链接 2.处理样式 3.当鼠标移过时载入链接源的网站到指定容器,并切换样式让点击事件返回false,这里不会应该点击到链接源网页 5.Over了. 脚本: 代码如下:    ...

下面我就简单讲一下实现过程:

1.找到链接源,我这里是一串的Li下的链接

2.处理样式

3.当鼠标移过时载入链接源的网站到指定容器,并切换样式让点击事件返回false,这里不会应该点击到链接源网页

5.Over了.

脚本:

代码如下:

    {
    //homeNews
          var tid = "#homeNews";//removeTabBold
          var lvTabs = $(tid);
          if(lvTabs != null)
          {
            lvTabs.find("a").each(function(){$(this).click(function(){return false;});$(this).mouseover(function(){
removeTabBold(tid);$(this).addClass("bold");
$(this).parent().addClass("lvbg");
$('#HomeNewsList').load($(this).href());
return false;})});
          }
    }
    function removeTabBold(LvTabId)
    {

       $(LvTabId).find("a").each(function(){
$(this).removeClass("bold");
$(this).parent().removeClass("lvbg");
$(this).parent().parent().parent().removeClass("lvp");});
    }


    
 
 

您可能感兴趣的文章:

  • 哪位朋友可以讲解一下getParameterNames()怎么使用阿?为什么我就是使用不了呢?
  • ★★谁能详细的给我讲解synchronized的使用
  • 求大神详细讲解下KDbg的使用方法
  • 送分!送分!!!请讲解一下BEA的WebLogic和IBM的websphere以及其他的WEB应用服务器软件的优、缺点。还有前两者使用过程中应该注意的问题细节!
  • python使用xmlrpc实例讲解
  • mssql函数DATENAME使用示例讲解(取得当前年月日/一年中第几天SQL语句)
  • hashCode方法的使用讲解
  • 互斥量mutex的简单使用(实例讲解)
  • Oracle中的kill session的使用讲解
  • SQLSERVER全文目录全文索引的使用方法和区别讲解
  • 使用 GUID 值来作为数据库行标识讲解
  • 结构化文档全文索引的使用方式,以DB2 TIE为例,讲解一下结构化文档的全文索引的使用方法,希望对我的另一个帖子起到抛砖引玉的作用。
  • 二种python发送邮件实例讲解(python发邮件附件可以使用email模块实现)
  • python33 urllib2使用方法细节讲解
  • Jquery使用Firefox FireBug插件调试Ajax步骤讲解
  • 讲解python参数和作用域的使用
  • Python使用urllib2获取网络资源实例讲解
  • 使用libpcap读取tcpdump抓取的文件并解析c代码实例
  • 类的方法和实例方法,类字段和实例字段有什么不同,在使用上?
  • Python namedtuple(命名元组)使用实例
  • LINUX中实现单实例功能使用哪种IPC好啊?
  • boost库区间range基本原理及使用实例
  • android 弹出提示框的使用(图文实例)
  • c++类库Boost::bimap(双向映射)介绍及使用实例
  • 使用PackageManager获得应用信息实例方法
  • mongodb 数据库常用命令使用实例
  • android自动安装apk代码实例(不使用apk安装器安装)
  • java获取当前日期使用实例
  • 使用C#实现在屏幕上画图效果的代码实例
  • 实现DataGridView控件中CheckBox列的使用实例
  • c# 在windows服务中 使用定时器实例代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • android使用webwiew载入页面使用示例(Hybrid App开发)
  • C++ I/O 成员 tellg():使用输入流读取流指针
  • 在测试memset函数的执行效率时,分为使用Cash和不使用Cash辆种方式,该如何控制是否使用缓存?
  • C++ I/O 成员 tellp():使用输出流读取流指针
  • 求ibm6000的中文使用手册 !从来没用过服务器,现在急需使用它,不知如何使用! 急!!!!!
  • Python不使用print而直接输出二进制字符串
  • 请问:在使用oracle数据库作开发时,是使用pro*c作开发好些,还是使用库函数如oci等好一些啊?或者它们有什么区别或者优缺点啊?
  • Office 2010 Module模式下使用VBA Addressof
  • 急求结果!!假设一个有两个元素的信号量集S,表示了一个磁带驱动器系统,其中进程1使用磁带机A,进程2同时使用磁带机A和B,进程3使用磁带机B。
  • windows下tinyxml.dll下载安装使用(c++解析XML库)
  • c#中SAPI使用总结——SpVoice的使用方法
  • tcmalloc内存泄露优化c++开源库下载,安装及使用介绍
  • 使用了QWidget的程序,如何使用后台程序启动它?
  • sharepoint 2010 使用STSNavigate函数实现文件下载举例
  • 共享内存一般是怎么使用的,是同消息队列配合使用么
  • c/c++预处理命令预#,##使用介绍
  • Jsp可否使用带有GUI的JavaBean,如何使用?
  • 在div中使用css让文字底部对齐的方法
  • asp程序使用的access在Linux下如何使用!
  • MySQL Workbench的下载安装与使用教程
  • 新装的Linux使用root用户不能使用FTP?
  • 使用PackageManager获得应用信息实例方法 iis7站长之家
  • LINUX下使用Eclipse,如何使用交叉编译器?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3