`

Jquery FrameSet设置换肤

 
阅读更多

 

使用Jquery给<FrameSet>换肤,

 

1.在cssBasePage.jsp也link了皮肤css

<link href="<%=path %>/css/${cookie.b2cPlatform.value==null?'jf_blue':
	cookie.b2cPlatform.value}.css" rel="stylesheet" type="text/css"  id="cssfile" />

 

2.frameTop.jsp页切换皮肤的JS代码

	// 设置样式
	function setCssFile(id){
		//switchSkin(id);
		$("#cssfile").attr("href","css/"+ id +".css"); //设置不同皮肤
		try{
			$(window.parent.frames['main'].document).find("#cssfile")
                                    .attr("href","css/"+ id +".css");//给窗体换肤
			$(window.parent.frames['leftFrame'].document).find("#cssfile")
                                    .attr("href","css/"+ id +".css");//给左树换肤
			$(window.parent.frames['midFrame'].document).find("#cssfile")
                                    .attr("href","css/"+ id +".css");//给主窗体换肤
		}catch(e){ }
		$.cookie( "b2cPlatform" ,  id , { path: '/', expires: 10 });//皮肤名称设置的cookie中
	}
</script>

 

3.frameTop.jsp页<body>体内容

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>frame top page</title>
		<%@ include file="/cssBasePage.jsp"%>
         </head>
<body>
<div class="skin">
	<a href="javascript:setCssFile('jf_blue');">
	<img width="15" height="16" alt="grass" src="images/ocean.gif" /></a>
	<a href="javascript:setCssFile('jf_red');">
	<img width="15" height="16" alt="grass" src="images/oyster.gif" /></a>
	<a href="javascript:setCssFile('jf_green');">
	<img width="15" height="16" alt="grass" src="images/grass.gif" /></a>
</div>
</body>
 

4.框架页frameSet

1.<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
2.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">  
3.<html xmlns="http://www.w3.org/1999/xhtml">  
4.    <head>  
5.        <title>跳转页</title>  
6.    </head>  
7.    <frameset cols="*" rows="75,*" style="height: 100%; overflow:hidden;">  
8.        <frame id="head" scrolling="no" marginwidth="0" marginheight="0" src="<%=request.getContextPath() %>/Login_loginTop" name="topFrame" frameborder="0" scrolling="no" noresize="noresize" id="topFrame"/>  
9.        <frameset  cols="185,8,*" id="myFrame" >  
10.            <frame frameborder="0" scrolling="auto" src="<%=request.getContextPath() %>/LeftMenu_leftMenuShow" name="leftFrame" id="leftFrame"/>  
11.            <frame frameborder="0" scrolling="no" noresize="noresize" id="midFrame" name="midFrame" src="<%=request.getContextPath() %>/Login_loginSwitch"/>  
12.            <frame frameborder="0" scrolling="auto" src="<%=request.getContextPath() %>/Login_loginRight" name="main"  id="main"/>  
13.        </frameset>  
14.        <noframes></noframes>  
15.    </frameset>  
16.</html>  
 

 

分享到:
评论

相关推荐

    jquery $.data在frameset用法

    在frameset中frame页面读取另一frame页面$.data数据

    jquery thickbox遮罩frameset框架的解决办法(请仔细阅读描述)

    解决thickbox在frameset框架下只能遮罩子页面的问题。 asp.net项目 直接浏览index.html 最后在父页面和遮罩层里的文本框中输入值后点登录可以得到这几个文本框的值。 将thickbox.js里的tb_init(domChunk)函数替换为...

    frameset遮罩

    这可以通过CSS样式来实现,比如设置`z-index`属性控制层叠顺序,或者使用`opacity`和`visibility`属性来调整可见性。例如,如果你想在所有frames上方添加一个半透明的遮罩层,你可以这样做: ```css #mask { ...

    jquery-frameset:通过div使页面自动分屏,实现与原生frameset一样的功能

    js-frameset 通过div使页面自动分屏,实现与原生frameset一样的功能 在页面加载star-frameset.js即可,会自动查找$(".frameset")进行分屏 原生的frameset使用 &lt;frameset rows="25%,50%,25%"&gt; &lt;frame src=...

    jsp中使用frameset框架 边框固定不让更改边框的大小.docx

    要实现边框不可调整大小,我们需要在`frameset`中的`frame`标签内添加`noresize`属性,并将其值设置为`noresize`。这将禁止用户通过拖拽的方式改变框架的大小。例如: ```html &lt;frameset rows="12%,*" frameborder=...

    实现div 遮罩 frameset

    在这个场景中,“实现div 遮罩 frameset”意味着在`frameset`布局的网页上,使用`div`来实现一个可移动的遮罩层或弹出窗口。 首先,我们来看`frameset`。`frameset`是HTML4中的元素,它允许我们将浏览器窗口划分为...

    frameset元素属性详解

    ### frameset元素属性详解 在HTML中,`frameset`元素是一种用于定义多窗口(或称为框架)布局的特殊元素,它允许在一个HTML文档中嵌入多个独立的HTML文档,从而实现网页的分屏显示。这在早期网页设计中非常流行,...

    利用Frameset 框架进行页面的布局设置

    本篇将深入探讨如何利用Frameset进行页面布局设置。 一、Frameset基本概念 Frameset是HTML4的一个元素,用于创建多窗格布局,每个窗格可以独立加载不同的网页内容。在HTML5中,虽然不推荐使用frameset,但许多现有...

    frame边框样式 frameSet样式 frameSet应用

    尽管如此,理解`frame`和`frameset`的样式和应用仍然是对网页历史和技术演进的一种了解。 `frame`元素是用来定义一个单独的窗口,或称为“框架”,在这个框架内可以加载不同的网页内容。每个`frame`元素都有一个...

    frameset

    通常,这样的博客会涵盖如何创建frameset,设置frame的属性,比如`&lt;frame&gt;`标签的`src`属性来指定加载的网页,`noresize`属性来禁止用户调整框架大小,以及`&lt;frameset&gt;`的`rows`和`cols`属性来定义框架的尺寸等。...

    Asp.net中Frameset的使用小结(1)

    Asp.net 中 Frameset 的使用小结 Frameset 是一种将网页分割成多个框窗的技术,每个框窗可以显示不同的 URL。使用 Frameset 可以将一个网页分割成多个部分,每个部分可以显示不同的内容。 Frameset 的基本结构由...

    好看的frameset实例

    在网页设计领域,`&lt;frameset&gt;` 是一个非常重要的元素,尤其在早期的网页开发中广泛使用。`frameset` 允许我们将浏览器窗口分割成多个独立的部分,每个部分可以加载不同的网页内容,从而实现多页面同时展示的效果。...

    frameset 框架的用法

    本文将深入探讨`frameset`及其子元素`frame`、`noframes`、`iframe`的使用方法,并通过实例来解析如何设置这些元素的属性来实现复杂页面布局。 #### Frameset标签详解 `&lt;frameset&gt;`标签用于定义一个由多个框架组成...

    如何在frameset中跳转出来

    因此,当我们使用 window.top.location.href='s_login.jsp' 时,浏览器将当前窗口的 URL 设置为 s_login.jsp,从而实现了 Frameset 的跳转。 Frameset 跳转的优点 --------------------------- 使用 Frameset ...

    Frameset_详解

    ### Frameset 详解 #### 一、Frameset 概述 `Frameset`是一种早期网页设计技术,允许在一个HTML文档中展示多个独立的HTML文档。这种技术通过将浏览器窗口分割成多个区域(称为“框架”或`frame`),每个区域都可以...

    在frameset框架集中应用背景图片

    为了在frameset中的各个框架内分别设置不同的背景图片,可以采用以下几种方法: 1. **直接在框架中使用CSS**:可以在每个`&lt;frame&gt;`元素中包含单独的HTML文档,并在这些文档中使用内联CSS或者外部样式表来定义背景...

    页面布局frameset frame

    2. **frametargetting.html** - 涉及到目标定位,即`target`属性,可以设置链接在哪个框架内打开,如`target="_self"`(当前框架)、`target="_blank"`(新窗口)等。 3. **basicframes.html** - 展示基本的框架结构...

    ssh+frameset 简单实例

    3. 使用Struts2的配置文件(struts.xml)定义Action,设置拦截器栈,实现权限检查。 4. 创建frameset HTML页面,定义各个框架的src属性指向Struts2的Action路径。 5. 在业务逻辑中,根据用户角色和权限,通过Struts2...

    一个按钮调整FrameSet的实例

    在处理`FrameSet`的边缘时,我们需要确保所有相关的CSS属性,如`margin`, `padding`和`border`都已正确设置为零,或者使用负值来抵消不必要的间距。 其次,"JS只能用于IE"指的是JavaScript代码可能只兼容Internet ...

Global site tag (gtag.js) - Google Analytics