• 人民网评:让军人成为全社会最尊崇的职业 2019-10-17
  • 新规:续航150公里以下新能源车取消补贴 2019-10-11
  • 法国革命时代,女人流行穿什么 2019-10-11
  • 黑龙江省县(市、区)委统战部长培训班举办 2019-10-06
  • “夏季第一瓜”竟是它! 2019-10-06
  • 《阿古顿巴》藏语版在藏语卫视首播 2019-09-06
  • 晋中市“三同步”推动互联网治理创新 2019-08-27
  • 法媒:研究称美国人常用药物或增加抑郁风险 2019-08-27
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-08-15
  • 何树山副省长到方圆机电调研指导工作 2019-08-15
  • 五分快三免费计划软件app:利用JQuery的load函数动态加载其它页面的内容的实现代码

    来源:本网整理
    在线演示://demo.tuxi.com.cn/js/JQueryload/index.htm
    全部代码
    复制代码 代码如下:
    <html xmlns="//www.w3.org/1999/xhtml" >
    <head runat="server">
    <title>JQuery - Load</title>
    <link rel="stylesheet" media="all" type="text/css" href="../CSS/myStyle.css" />
    <script type="text/javascript" src="//demo.tuxi.com.cn/jslib/jquery/jquery-1.3.2.min.js"></script>
    <style type="text/css">
    #header {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #eee;
    }
    .buttonListArea {
    float: left;
    width: 150px;
    padding-right: 10px;
    border-right: 1px solid #eee;
    margin-right: 10px;
    }
    .buttonArea {
    margin: 10px;
    padding-bottom:20px;
    }
    #load_content {
    float: left;
    width: 550px;
    text-align:center;
    }
    </style>
    <script type="text/javascript">
    $(document).ready(function() {
    $('#btnLoad1.button').click(function() {
    $('#load_content').load('loadContent1.htm');
    });
    $('#btnLoad2.button').click(function() {
    $('#load_content').load('loadContent2.htm');
    });
    });
    </script>
    </head>
    <body>
    <form id="form1" runat="server">
    <div id="container">
    <div id="header">
    <h2>JQuery Load Example</h2>
    </div>
    <div class="buttonListArea">
    <div class="buttonArea">
    <div class="button" id="btnLoad1">Load 1</div>
    </div>
    <div class="buttonArea">
    <div class="button" id="btnLoad2">Load 2</div>
    </div>
    </div>
    <div id="load_content">
    <h2>这是要被加载的区域</h2>
    </div>
    </div>
    </form>
    </body>
    </html>

    loadContent1.htm
    复制代码 代码如下:
    tuxi.com.cn

    loadContent2.htm
    复制代码 代码如下:
    sc.tuxi.com.cn

    代码打包下载

    彩票双色球历史开奖结果 www.s9h6.com

  • 本文相关:
  • js保存当前路径(cookies记录)
  • 根据一段代码浅谈Javascript闭包
  • JavaScript学习笔记之获取当前目录的实现代码
  • javascript中的关于类型转换的性能优化
  • javascript 冒泡排序 正序和倒序实现代码
  • JQuery 应用 JQuery.groupTable.js
  • jQuery Ajax使用 全解析
  • iframe 父窗口和子窗口相互的调用方法集锦
  • Javascript学习笔记一 之 数据类型
  • Javascript学习笔记二 之 变量
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 彩票双色球历史开奖结果 - 频道导航
    Copyright © 2017 彩票双色球历史开奖结果 www.s9h6.com All Rights Reserved
  • 人民网评:让军人成为全社会最尊崇的职业 2019-10-17
  • 新规:续航150公里以下新能源车取消补贴 2019-10-11
  • 法国革命时代,女人流行穿什么 2019-10-11
  • 黑龙江省县(市、区)委统战部长培训班举办 2019-10-06
  • “夏季第一瓜”竟是它! 2019-10-06
  • 《阿古顿巴》藏语版在藏语卫视首播 2019-09-06
  • 晋中市“三同步”推动互联网治理创新 2019-08-27
  • 法媒:研究称美国人常用药物或增加抑郁风险 2019-08-27
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-08-15
  • 何树山副省长到方圆机电调研指导工作 2019-08-15
  • 好运来软件 摇钱树曾道人论谈 3d胆拖怎么算中奖 曾道一尾中特 冰球规则 上海时时乐开奖网址 密室逃脱真人游戏 11选5拖胆拖投注表 福彩快3直播开奖直播 送分100000打鱼下分的 两个手机怎么直播游戏 幸运飞艇2期6码计划表 电影象棋手的毕业季 专门玩11选5的网站 云南十一选五开奖结果一定牛