使用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 相关文章推荐
struts2+jquery组合验证注册用户是否存在
Apr 30 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
Jun 03 Javascript
基于ajax实现文件上传并显示进度条
Aug 03 Javascript
javascript实现添加附件功能的方法
Nov 18 Javascript
jquery单击事件和双击事件冲突解决方案
Mar 02 Javascript
js中setTimeout的妙用--防止循环超时
Mar 06 Javascript
基于jquery实现二级联动效果
Mar 30 jQuery
详解react-router如何实现按需加载
Jun 15 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
Angular模板表单校验方法详解
Aug 11 Javascript
layui自定义插件citySelect实现省市区三级联动选择
Jul 26 Javascript
js实现菜单跳转效果
Dec 11 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
利用PHP创建动态图像
2006/10/09 PHP
IIS下PHP连接数据库提示mysql undefined function mysql_connect()
2010/06/04 PHP
php快速查找数据库中恶意代码的方法
2015/04/01 PHP
apache和PHP如何整合在一起
2015/10/12 PHP
php单例模式的简单实现方法
2016/06/10 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
在JavaScript中实现命名空间
2006/11/23 Javascript
JS获取IUSR_机器名和IWAM_机器名帐号的密码
2006/12/06 Javascript
JSON 数字排序多字段排序介绍
2013/09/18 Javascript
页面定时刷新(1秒刷新一次)
2013/11/22 Javascript
优化RequireJS项目的相关技巧总结
2015/07/01 Javascript
jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】
2016/08/01 Javascript
seajs模块之间依赖的加载以及模块的执行
2016/10/21 Javascript
jquery uploadify隐藏上传进度的实现方法
2017/02/06 Javascript
javascript遍历json对象的key和任意js对象属性实例
2017/03/09 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
2019/05/07 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
[40:29]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第一场
2018/04/10 DOTA
Python struct模块解析
2014/06/12 Python
Python中threading模块join函数用法实例分析
2015/06/04 Python
python中使用iterrows()对dataframe进行遍历的实例
2018/06/09 Python
python write无法写入文件的解决方法
2019/01/23 Python
python可视化篇之流式数据监控的实现
2019/08/07 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
python多进程使用函数封装实例
2020/05/02 Python
Giglio美国站:意大利奢侈品购物网
2018/02/10 全球购物
Herve Leger官网:标志性绷带连衣裙等
2018/12/26 全球购物
GOLFINO英国官网:高尔夫服装
2020/04/11 全球购物
奢华时尚的创新平台:Baltini
2020/10/03 全球购物
医学生自我评价
2014/01/27 职场文书
环保专项行动方案
2014/05/12 职场文书
会计专业毕业生自荐书
2014/06/25 职场文书
2014党员学习兰辉先进事迹思想汇报
2014/09/17 职场文书
匿名信格式范文
2015/05/27 职场文书
用Python selenium实现淘宝抢单机器人
2021/06/18 Python