jquery创建iframe

jQuery创建iframe的最佳实践

在网页开发中，jQuery创建iframe是一个常见且有用的技术，能够帮助开发者实现诸如加载外部内容、实现异步上传、避免页面整体刷新等功能。本文将深入探讨使用jQuery创建iframe的最佳实践，以及一些常见问题的解决方案。
jquery创建iframe
什么是iframe？

iframe（内联框架）是中的一种标记，用于在当前页面中嵌入另外一个独立的HTML页面。通过使用iframe，我们可以将其他网页的内容嵌入到当前页面中，实现页面内的异步加载和展示。
为什么使用jQuery创建iframe？

jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理、动画效果等各种任务。使用jQuery创建iframe可以大大简化开发流程，提高开发效率，并且具有良好的跨浏览器兼容性。
jQuery创建iframe的步骤

引入jQuery：在使用jQuery之前，需要先引入jQuery库文件，可以通过CDN方式或者本地引入。
使用jQuery创建iframe：使用jQuery的方法可以轻松地动态创建iframe元素，并设置相关属性。
添加到页面：创建完iframe后，需要将其添加到页面中指定的位置，以便用户能够看到。
示例代码


    $(document).ready(function() {
      var iframe = $('', {
        src: 'e.com',
        width: '100%',
        height: '400px'
      });
      $('body').append(iframe);
    });
  </code>


<h2>常见问题及解决方案</h2>
<p>在使用jQuery创建iframe的过程中，可能会遇到一些常见问题，比如跨域访问、iframe高度自适应等。以下是一些常见问题的解决方案：</p>

<ul>
  <li><strong>跨域访问：</strong>为了避免浏览器的同源策略限制，在访问其他域的内容时，需要通过设置iframe的sandbox属性或者服务器端配置来解决跨域访问的问题。</li>
  <li><strong>iframe高度自适应：</strong>当iframe内部内容高度发生变化时，需要动态调整iframe的高度，可以通过监听iframe内部内容的高度变化事件，然后设置iframe的高度来实现自适应。</li>
</ul>

<h2>结语</h2>
<p>通过本文的介绍，相信大家对于如何使用<strong>jQuery创建iframe</strong>有了更加深入的理解。在实际项目中，合理地运用这一技术，能够为网页开发带来更多可能性和便利。希望本文对您有所帮助，谢谢阅读！</p>

                <div class="newdigg" id="newdigg">
    <div class="diggbox digg_good" onmousemove="this.style.backgroundPosition='left bottom';" onmouseout="this.style.backgroundPosition='left top';" onclick="javascript:postDigg('good',366353)">
        <div class="digg_act">顶一下</div>
        <img src="/static/images/up.png">
        <div class="digg_num">(0)</div>
        <div class="digg_percent">
            <div class="digg_percent_bar"><span style="width:0%"></span></div>
            <div class="digg_percent_num">0%</div>
        </div>
    </div>
    <div class="diggbox digg_bad" onmousemove="this.style.backgroundPosition='right bottom';" onmouseout="this.style.backgroundPosition='right top';" onclick="javascript:postDigg('bad',366353)">
        <div class="digg_act">踩一下</div>
        <img src="/static/images/down.png">
        <div class="digg_num">(0)</div>
        <div class="digg_percent">
            <div class="digg_percent_bar"><span style="width:0%"></span></div>
            <div class="digg_percent_num">0%</div>
        </div>
    </div>
</div>
<!-- //评论内容区 -->
	<a name='commettop'></a>
	<div class="mt1">
			<dl class="tbox">
				<dt>
					<strong>相关评论</strong>
					<!--<span class="more"><a href="/plus/feedback.php?aid=366353">进入详细评论页&gt;&gt;</a></span>-->
				</dt>
				<!-- //这两个ID的区块必须存在，否则JS会出错 -->
				<dd id='commetcontentNew'></dd>
				<dd id='commetcontent'></dd>
			</dl>
	</div>
<!--
//由于评论载入时使用异步传输，因此必须在最后一步加载（DIGG和评论框须放在评论内容前面）
//如果一定需要提前的把myajax.SendGet改为myajax.SendGet2，但可能会引起页面阻滞
-->
<!-- //主模板必须要引入/include/dedeajax2.js -->
<a name='postform'></a>
<div class="mt1">
		<dl class="tbox">
			<dt>
				<strong>我要评论</strong>
				<span class="more"></span>
			</dt>
			<dd>
				<div class="dede_comment_post">
          <form action="#" method="post" name="feedback">
          <input type="hidden" name="dopost" value="send" />
          <input type="hidden" name="comtype" value="comments">
          <input type="hidden" name="aid" value="366353" />
          <input type="hidden" name="fid" id='feedbackfid' value="0" />
     <!--     <div class="dcmp-title">-->
					<!--	<small>请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。</small>-->
					<!--</div><!-- /dcmp-title -->
					<!--<div class="dcmp-stand">-->
					<!--	<strong>评价:</strong>-->
					<!--		<input type="radio" name="feedbacktype" checked="1" value="feedback" id="dcmp-stand-neu" /><label for="dcmp-stand-neu"><img src="/templets/default/images/cmt-neu.gif" />中立</label>-->
					<!--		<input type="radio" name="feedbacktype" value="good" id="dcmp-stand-good" /><label for="dcmp-stand-good"><img src="/templets/default/images/cmt-good.gif" />好评</label>-->
					<!--		<input type="radio" name="feedbacktype" value="bad" id="dcmp-stand-bad" /><label for="dcmp-stand-bad"><img src="/templets/default/images/cmt-bad.gif" />差评</label>-->
					<!--</div><!-- /dcmp-stand -->
     <!--               <div class="clr"></div>-->
     <!--               <div class="dcmp-mood">-->
					<!--	<strong>表情:</strong>-->
					<!--	<ul>            -->
					<!--			                   -->
					<!--	</ul>-->
					<!--</div><!-- /dcmp-mood -->
					<div class="dcmp-content">
						<textarea cols="60" name="msg" rows="5" class="ipt-txt"></textarea>
					</div><!-- /dcmp-content -->
					<div class="dcmp-post"><!--未登录-->
							<div class="dcmp-userinfo" id="_ajax_feedback">
								<input placeholder="请输入用户名" type="text" name="username" size="16" class="ipt-txt" style="text-transform: uppercase;"/>
                                <input placeholder="请输入验证码" type="text" name="validate" size="4" class="ipt-txt" style="text-transform:uppercase;"/><img src= "/include/vdimgck.php" id="validateimg" style="cursor:pointer" onclick="this.src=this.src+\'?\'" title="点击我更换图片" alt="点击我更换图片" />
                                							<div class="dcmp-submit">
								<button type="button" onClick='PostComment()'>马上提交</button>
							</div>
                <!--<input type="checkbox" name="notuser" id="dcmp-submit-guest" /><label for="dcmp-submit-guest" />匿名? </label>-->
							</div>
              
						</div>
        </form>
				</div>
			</dd>
		</dl>
	</div><!-- //评论表单区结束 -->


<script language='javascript'>
function LoadCommets(page)
{
		var taget_obj = document.getElementById('commetcontent');
		var waithtml = "<div style='line-height:50px'><img src='/images/loadinglit.gif' />评论加载中...</div>";
		var myajax = new DedeAjax(taget_obj, true, true, '', 'x', waithtml);
		myajax.SendGet2("/plus/feedback_ajax.php?dopost=getlist&aid=366353&page="+page);
		DedeXHTTP = null;
}
function PostComment()
{
		var f = document.feedback;
		var nface = '6';
		var nfeedbacktype = 'feedback';
		var nvalidate = '';
// 		var nnotuser = '';
		var nusername = '';
		var npwd = '';
		var taget_obj = $DE('commetcontentNew');
		var waithtml = "<div style='line-height:30px'><img src='/images/loadinglit.gif' />正在发送中...</div>";
		if(f.msg.value=='')
		{
			alert("评论内容不能为空！");
			return;
		}
		if(f.validate)
		{
			if(f.validate.value=='') {
				alert("请填写验证码！");
				return;
			}
			else {
				nvalidate = f.validate.value;
			}
		}
		if(f.msg.value.length > 500)
		{
			alert("你的评论是不是太长了？请填写500字以内的评论。");
			return;
		}
		if(f.feedbacktype) {
			for(var i=0; i < f.feedbacktype.length; i++)
				if(f.feedbacktype[i].checked) nfeedbacktype = f.feedbacktype[i].value;
		}
		if(f.face) {
			for(var j=0; j < f.face.length; j++)
				if(f.face[j].checked) nface = f.face[j].value;
		}
// 		if(f.notuser.checked) nnotuser = '1';
		if(f.username) nusername = f.username.value;
		if(f.pwd) npwd = f.pwd.value;
		
		var myajax = new DedeAjax(taget_obj, false, true, '', '', waithtml);
		myajax.sendlang = 'utf-8';
		myajax.AddKeyN('dopost', 'send');
		myajax.AddKeyN('aid', '366353');
		myajax.AddKeyN('fid', f.fid.value);
		myajax.AddKeyN('face', nface);
		myajax.AddKeyN('feedbacktype', nfeedbacktype);
		myajax.AddKeyN('validate', nvalidate);
// 		myajax.AddKeyN('notuser', nnotuser);
		myajax.AddKeyN('username', nusername);
		myajax.AddKeyN('pwd', npwd);
		myajax.AddKeyN('msg', f.msg.value);
		myajax.SendPost2('/plus/feedback_ajax.php');
		f.msg.value = '';
		f.fid.value = 0;
		if(f.validate)
		{
			if($DE('validateimg')) $DE('validateimg').src = "/include/vdimgck.php?"+f.validate.value;
			f.validate.value = '';
		}
}
function quoteCommet(fid)
{
	document.feedback.fid.value = fid;
}
LoadCommets(1);
</script><!-- //评论内容区结束 -->

            </article>
        </div>

        <!-- 文章的标签 start -->
        <!--<div class="tag_essay clearfix tags-total">-->
        <!--    <dt>文章标签：</dt>-->
        <!--    <dd>    -->
        <!--    -->


        <!--    </dd>-->
        <!--</div>-->
    </div>
<script language="javascript" type="text/javascript">getDigg(366353);</script>

    <!--more-next-->

    <!-- 最新文章 start -->
    <!--more-next-->




    <!-- 热门文章 start -->
    <div class="list top20">
        <!--more-next-->
        <ul>
            <li>
                
                <div>
                    <a href="/jQuery/348427.html">
                        <h3 class='title-pic'>jquery 输入框输入事件</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />301</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/334274.html">
                        <h3 class='title-pic'>字数提示jquery插件</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/336434.html">
                        <h3 class='title-pic'>jquery事件原理</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/342444.html' class='flpic'><img class='img_list' src='/uploads/allimg/240302/164G164L-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/342444.html">
                        <h3 class='title-name'>jquery validate正则</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/345964.html' class='flpic'><img class='img_list' src='/uploads/allimg/240303/045A4J53-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/345964.html">
                        <h3 class='title-name'>jquery是否存在属性</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/348269.html' class='flpic'><img class='img_list' src='/uploads/allimg/240303/1259233355-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/348269.html">
                        <h3 class='title-name'>jquery滚动条禁止滚动</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/349087.html' class='flpic'><img class='img_list' src='/uploads/allimg/240303/1553051T4-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/349087.html">
                        <h3 class='title-name'>jquery reverse</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/349521.html">
                        <h3 class='title-pic'>jquery guid</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/352257.html">
                        <h3 class='title-pic'>jquery 新特性</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/355055.html">
                        <h3 class='title-pic'>jquery div 特效</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/355874.html' class='flpic'><img class='img_list' src='/uploads/allimg/240304/16353G4J-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/355874.html">
                        <h3 class='title-name'>jquery 多图滚动</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/364132.html">
                        <h3 class='title-pic'>jquery mobile 缺点</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/364358.html">
                        <h3 class='title-pic'>jquery实现截图</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/364970.html">
                        <h3 class='title-pic'>jquery treeview 展开</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />300</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/321014.html">
                        <h3 class='title-pic'>php数组 数组</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/326913.html">
                        <h3 class='title-pic'>html怎么快速引入jQuery文件？</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/331451.html">
                        <h3 class='title-pic'>iframe高度设置？</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/339628.html' class='flpic'><img class='img_list' src='/uploads/allimg/240301/14060aI6-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/339628.html">
                        <h3 class='title-name'>jquery隐藏显示切换</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/339723.html' class='flpic'><img class='img_list' src='/uploads/allimg/240301/14292G545-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/339723.html">
                        <h3 class='title-name'>jquery工作流</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/340153.html">
                        <h3 class='title-pic'>文字上下滚动 jquery</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/340401.html' class='flpic'><img class='img_list' src='/uploads/allimg/240301/1J6225360-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/340401.html">
                        <h3 class='title-name'>jquery获取标签id</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/343772.html' class='flpic'><img class='img_list' src='/uploads/allimg/240302/21335Ab8-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/343772.html">
                        <h3 class='title-name'>jquery 1.11 手册</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/344728.html' class='flpic'><img class='img_list' src='/uploads/allimg/240303/0044064031-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/344728.html">
                        <h3 class='title-name'>jquery iframe 父元素</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/351701.html' class='flpic'><img class='img_list' src='/uploads/allimg/240304/005545A46-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/351701.html">
                        <h3 class='title-name'>jquery iframe 滚动</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/351904.html">
                        <h3 class='title-pic'>jquery 获取type</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/352733.html' class='flpic'><img class='img_list' src='/uploads/allimg/240304/0441153044-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/352733.html">
                        <h3 class='title-name'>jquery 循环input</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/354055.html">
                        <h3 class='title-pic'>jquery停止函数</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/358051.html">
                        <h3 class='title-pic'>jquery 所有子节点</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/360196.html' class='flpic'><img class='img_list' src='/uploads/allimg/240305/0G4596026-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/360196.html">
                        <h3 class='title-name'>jquery判断元素的类型</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/362139.html' class='flpic'><img class='img_list' src='/uploads/allimg/240305/1414035B6-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/362139.html">
                        <h3 class='title-name'>jquery 减法</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/362681.html">
                        <h3 class='title-pic'>jquery堆叠</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/364788.html' class='flpic'><img class='img_list' src='/uploads/allimg/240306/1AA53A6-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/364788.html">
                        <h3 class='title-name'>json嵌套 jquery</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/365066.html">
                        <h3 class='title-pic'>jquery div圆角</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/365284.html' class='flpic'><img class='img_list' src='/uploads/allimg/240306/19135W532-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/365284.html">
                        <h3 class='title-name'>jquery id 变量</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />299</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/335254.html">
                        <h3 class='title-pic'>jquery 划线</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />298</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/339799.html' class='flpic'><img class='img_list' src='/uploads/allimg/240301/1452324H7-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/339799.html">
                        <h3 class='title-name'>jquery选择多个id</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />298</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/345312.html">
                        <h3 class='title-pic'>jquery 窗口关闭事件</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />298</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/353390.html' class='flpic'><img class='img_list' src='/uploads/allimg/240304/0F101N53-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/353390.html">
                        <h3 class='title-name'>jquery圆形图片</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />298</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/357044.html' class='flpic'><img class='img_list' src='/uploads/allimg/240304/204620F19-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/357044.html">
                        <h3 class='title-name'>jquery radio 取消选中</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />298</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/357084.html">
                        <h3 class='title-pic'>jquery ajax局部刷新</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />298</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/362581.html' class='flpic'><img class='img_list' src='/uploads/allimg/240305/16121455U-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/362581.html">
                        <h3 class='title-name'>jquery 余数</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />298</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/363575.html' class='flpic'><img class='img_list' src='/uploads/allimg/240306/01035Ab5-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/363575.html">
                        <h3 class='title-name'>jquery 列表排序</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />298</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/366283.html">
                        <h3 class='title-pic'>jquery json添加</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />298</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/366353.html' class='flpic'><img class='img_list' src='/uploads/allimg/240307/00034S102-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/366353.html">
                        <h3 class='title-name'>jquery创建iframe</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />298</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/331147.html">
                        <h3 class='title-pic'>音频播放怎么设置？</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />297</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/333043.html">
                        <h3 class='title-pic'>siblings和cousin的区别？</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />297</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/335304.html' class='flpic'><img class='img_list' src='/uploads/allimg/240228/1344455T1-0-lp.jpg' /></a>
                <div>
                    <a href="/jQuery/335304.html">
                        <h3 class='title-name'>jquery datetime</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />297</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/337619.html">
                        <h3 class='title-pic'>jquery 多列</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />297</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <a href='/jQuery/345062.html' class='flpic'><img class='img_list' src='slide1.jpg' /></a>
                <div>
                    <a href="/jQuery/345062.html">
                        <h3 class='title-name'>jquery 自适应插件</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />297</span>								    
								
</p>
                </div>
            </li>
<li>
                
                <div>
                    <a href="/jQuery/345282.html">
                        <h3 class='title-pic'>jquery 1.9 api 中文</h3>
                    </a>
                    <p>					    
<span><img src="/images/browse.png" class="icons"  />297</span>								    
								
</p>
                </div>
            </li>

        </ul>
    </div>


    <!-- 热门文章 end -->
    <div class="mtop">
        <ul class="col col-3">
            
            <li><a href='/biancheng/PS/'>PS</a></li>
            <li><a href='/biancheng/shuju/'>数据</a></li>
            <li><a href='/access/'>access</a></li>
            <li><a href='/biancheng/yingpan/'>硬盘</a></li>
            <li><a href='/amd/'>amd</a></li>
            <li><a href='/apk/'>apk</a></li>
            <li><a href='/centos/'>centos</a></li>
            <li><a href='/dell/'>dell</a></li>
            <li><a href='/dw/'>dw</a></li>
            <li><a href='/ftp/'>ftp</a></li>
            <li><a href='/gtx/'>gtx</a></li>
            <li><a href='/http/'>http</a></li>
            <li><a href='/ipdizhi/'>ip地址</a></li>
            <li><a href='/jQuery/'>jQuery</a></li>
            <li><a href='/json/'>json</a></li>
            <li><a href='/jsp/'>jsp</a></li>
            <li><a href='/magnet/'>magnet</a></li>
        </ul>
    </div>

    <script type="text/javascript">
        $("#loading").fadeOut("slow");
        readAll()
    </script>
    <footer class="footer">


	<div>
		<p class="copyright">
			Copyright ©  虚拟屋<br/> <a target="_blank" href="http://beian.miit.gov.cn">滇ICP备2021006107号-167</a>
		</p>		
	</div>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?762846b320b16c0a9c8b29c272097450";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</footer>

    <span style="display:none"><script src="/plus/count.php?view=yes&aid=366353&mid=1" type='text/javascript' language="javascript"></script></span>

</body>

</html>