稀土股票有哪些,轩辕圣境,东方茱丽叶演员表
使用easyui+bootstrap框架做一个弹出式的tab标签页
,稀土股票有哪些,轩辕圣境,东方茱丽叶演员表
<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/jquery.easyui.min.js"></script><script type="text/javascript">
$(function(){
$('#s1').click(function(){
var $biaoti=$('#s1').text();
//tab标题页
var th=[{tab:"aaa"},{tab:"bbb"},{tab:"ccc"}];
//tab内容页
var nr=[{nr:"aaaaa"},{nr:"bbbbb"},{nr:"ccccc"}];
//动态生成tab页面的html，注意这个标签页的class，p等不要随便修改，因为它是与bootstrap内置的相关联的。
var tabstr=tabwindow(th,nr);
//写入到iframe窗口中的body之中，这是主窗口写入子窗口的一个方法，
$("#wind_1").contents().find('body').html(tabstr);
//启动tab弹窗
$("#wind_1").window({
title:$biaoti,//弹窗标题
width:700, //大小
height:550,
modal:true //模态对话框
});
});
//下面的这个启动同一个弹窗的目的，是看弹窗会不会受到缓存的影响
$('#s2').click(function(){
var $biaoti=$('#s2').text();
var th=[{tab:"中国"},{tab:"美国"},{tab:"德国"}];
var nr=[{nr:"aaaaa"},{nr:"bbbbb"},{nr:"ccccc"}];
var tabstr=tabwindow(th,nr);
//写入到iframe窗口中的body之中
$("#wind_1").contents().find('body').html(tabstr);
$("#wind_1").window({
title:$biaoti,
width:700,
height:550,
modal:true
});
});
});
</script>
<iframe id="wind_1" name="wind_1" src="openw.html"></iframe>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
,稀土股票有哪些,轩辕圣境,东方茱丽叶演员表
<script src="js/jquery.js" type="text/javascript"></script><script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script><script type="text/javascript">
</script>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
效果：
但这个弹窗还是有一个缺点，就是第一次启动时，它会出来一个空窗口，第二次时，才会出现这个tab页。有谁知道解决办法的，请留言！
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！
点击进行留言回复
相关文章:
-
-
-
详解CSS3新增的背景属性
CSS3新增属性：background-clip ，background-origin ， background-size，本文给大家分享CSS3新增的背景属性...
[阅读全文]
-
-
-
CSS3 旋转立方体问题详解
这篇文章主要介绍了CSS3 旋转立方体问题详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
Grid 宫格常用布局的实现
这篇文章主要介绍了Grid 宫格常用布局的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学...
[阅读全文]
-
-
-
CSS3实现网站商品展示效果图
这篇文章主要介绍了CSS3实现网站商品展示效果图，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习...
[阅读全文]
-
我要评论
网友评论