您当前位置：首页 > web前端 > jquery > 基于jQuery一款非常棒的多标签浏览插件

基于jQuery一款非常棒的多标签浏览插件

来源：程序员人生发布时间：2014-01-12 07:59:02 阅读次数：3119次

　　建站学院(LieHuo.Net)讯发一款基于jQuery一款非常棒的多标签浏览插件该插件提取于动易CMS系统管理后台。该插件适用于使用框架页的管理系统后台。该插件只能应用于同域的URL，跨域的URL由于Javascript的安全限制，会出错。

　　不说废话，先看Demo

<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head id="Head"><title>非常棒的基于jQuery的多标签浏览插件_建站学院_（www.wfuyu.com）</title><link href="http://www.wfuyu.com/uploads/userup/0907/FrameTab.css" rel="stylesheet" type="text/css"><script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script language="javascript" type="text/javascript" src="http://www.wfuyu.com/uploads/userup/0907/FrameTab.js"></script><script language="javascript" type="text/javascript"> </script></head><body>点击下面的链接将在下面的iFrame中打开（指定了target="main_right"）：<br /><br /><a href="http://www.wfuyu.com" _fcksavedurl="http://www.wfuyu.com" _fcksavedurl="http://www.wfuyu.com" target="main_right">建站学院</a><a href="http://www.wfuyu.com/" _fcksavedurl="http://www.wfuyu.com/" _fcksavedurl="http://www.wfuyu.com/" target="main_right">上网导航</a><a href="http://sjzwww.com" _fcksavedurl="http://sjzwww.com" _fcksavedurl="http://sjzwww.com" target="main_right">石家庄开心网</a><div id="FrameTabs" style="overflow: hidden;"><div class="tab-right" onmouseover="this.className='tab-right tab-right-over'" onmouseout="this.className='tab-right tab-right-disabled'"></div><div class="tab-left" onmouseover="this.className='tab-left tab-left-over'" onmouseout="this.className='tab-left tab-left-disabled'"></div><div style="width: 8000px;" class="tab-strip-wrap"><ul class="tab-strip" style="float: left;"><li id="iFrameTab1" class="current"><a href="javascript:" _fcksavedurl="javascript:" _fcksavedurl="javascript:"><span id="frameTabTitle">(无标题)</span><aclass="closeTab"><img border="0" src="http://www.wfuyu.com/uploads/userup/0907/tab-close.gif" _fcksavedurl="http://www.wfuyu.com/uploads/userup/0907/tab-close.gif" _fcksavedurl="http://www.wfuyu.com/uploads/userup/0907/tab-close.gif" /></a></a></li><li id="newFrameTab"><a title="新建标签页" href="javascript:" _fcksavedurl="javascript:" _fcksavedurl="javascript:" /></a> </li></ul></div></div><div id="main_right_frame"><iframe id="main_right" name="main_right" onload="SetTabTitle(this)" style="width: 100%;height: 800px; visibility: inherit; z-index: 2;" tabid="1"></iframe></div><div style="display: none" id="iframeMainTemplate"><iframe tabid="0" frameborder="0" scrolling="yes" src="about:blank" onload="SetTabTitle(this)"style="width: 100%; height: 800px; visibility: inherit; z-index: 2; overflow-x: hidden;"></iframe></div></body></html>
提示：可修改后代码再运行!

　　点击下载源码（请注意查看里面的说明文件）

　　原文来：博客园_lulu studio的博客

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 做站如做人站长朋友们请用心做好自己

下一篇 socket中的byte消息格式设计

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点