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


Posted in Javascript onDecember 11, 2013

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

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");});
    }
Javascript 相关文章推荐
JavaScript 密码强度判断代码
Sep 05 Javascript
jquery 图片 上一张 下一张 链接效果(续篇)
Apr 20 Javascript
从盛大通行证上摘下来的身份证验证js代码
Jan 11 Javascript
javascript中Array数组的迭代方法实例分析
Feb 04 Javascript
jQuery实现无限往下滚动效果代码
Apr 16 Javascript
Vue.js每天必学之构造器与生命周期
Sep 05 Javascript
js实现二级导航功能
Mar 03 Javascript
微信小程序 slider的简单实例
Apr 19 Javascript
JS实现无缝循环marquee滚动效果
May 22 Javascript
jQuery中extend函数简单用法示例
Oct 11 jQuery
深入理解Vue nextTick 机制
Apr 28 Javascript
Node.js控制台彩色输出的方法与原理实例详解
Dec 01 Javascript
jquery Tab效果和动态加载的简单实例
Dec 11 #Javascript
js为空或不是对象问题的快速解决方法
Dec 11 #Javascript
javascript获取xml节点的最大值(实现代码)
Dec 11 #Javascript
javascript弹出层输入框(示例代码)
Dec 11 #Javascript
深入理解javascript中defer的作用
Dec 11 #Javascript
如何实现修改密码时密码框显示保存到cookie的密码
Dec 10 #Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 #Javascript
You might like
一个简单的域名注册情况查询程序
2006/10/09 PHP
如何使用脚本模仿登陆过程
2006/11/22 PHP
php操作XML、读取数据和写入数据的实现代码
2014/08/15 PHP
PHP中strnatcmp()函数“自然排序算法”进行字符串比较用法分析(对比strcmp函数)
2016/01/07 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
PHP大文件切割上传功能实例分析
2019/07/01 PHP
imagettftext() 失效,不起作用
2021/03/09 PHP
JQuery中each()的使用方法说明
2010/08/19 Javascript
js的一些常用方法小结
2011/06/29 Javascript
javascript背景时钟实现方法
2015/06/18 Javascript
使用JavaScript实现连续滚动字幕效果的方法
2015/07/07 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
JS常见构造模式实例对比分析
2018/08/27 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
微信小程序实现获取小程序码和二维码java接口开发
2019/03/29 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
2019/04/25 Javascript
python 制作自定义包并安装到系统目录的方法
2018/10/27 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
详解python函数的闭包问题(内部函数与外部函数详述)
2019/05/17 Python
TensorFlow车牌识别完整版代码(含车牌数据集)
2019/08/05 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
pycharm设置python文件模板信息过程图解
2020/03/10 Python
Python 炫技操作之合并字典的七种方法
2020/04/10 Python
用css3实现转换过渡和动画效果
2020/03/13 HTML / CSS
HTML5之语义标签介绍
2016/07/07 HTML / CSS
老海军美国官网:Old Navy
2016/09/05 全球购物
学习决心书范文
2014/03/11 职场文书
餐饮采购员岗位职责
2014/03/15 职场文书
工程力学专业自荐信范文
2014/03/17 职场文书
马智宇结婚主持词
2014/04/01 职场文书
二人合伙经营协议书
2014/09/13 职场文书
2014年煤矿工作总结
2014/11/24 职场文书
2015年学生资助工作总结
2015/05/25 职场文书
运动会开幕式主持词
2015/07/01 职场文书
小组组名及励志口号
2015/12/24 职场文书