- <html>
- <head>
- <meta charset="utf-8">
- <title>demo</title>
- <script src="../js/jquery.min.js"></script>
- </head>
- <body>
- <ul class="list-side">
- <li><a target="iframe_a.html" >about</a></li>
- <li><a target="iframe_b.html" >news</a></li>
- <li><a target="iframe_c.html" >product</a></li>
- <li><a href="http://baidu.com/" target="_blank" >contact</a></li>
- </ul>
- <div id="iframe">
- <!--jquery 插入html 位址-->
- </div>
- <script>
- $("#iframe").load("iframe_a.html");
- $('.list-side li').click(function() {
- _clickLink= $(this).find('a').attr('target'); // 找到链接a中的targer的值
- $("#iframe").load(_clickLink);
- });
- </script>
- </body>
- </html>
jquery实现iframe效果
最新推荐文章于 2024-08-27 04:23:06 发布