ASP.NET一个后台框架

threejek 2008-11-10 12:47:04

<li>首页设置</li>
<li>相册管理</li>
<li>日志管理</li>
<li>留言管理</li>
<li>风格管理</li>
<li>系统管理</li>
<li>帮助信息</li>
</ul>
</div>
<div class=jg></div>
<div id="content">
<div id="welcome" class="content" style="display:block;">
<div align="center">
<p> </p>
<p><strong>欢迎使用用户管理系统！</strong></p>
<p> </p>
</div>
</div>
<div id="c0" class="content">首页设置</div>
<div id="c1" class="content">相册管理</div>
<div id="c2" class="content">日志管理</div>
<div id="c3" class="content">留言管理</div>
<div id="c4" class="content">风格管理</div>
<div id="c5" class="content">系统管理</div>
<div id="c6" class="content">帮助信息</div>

怎么把<div id="c0" class="content">首页设置</div>怎么把首页设置换成要显示的页面呢?
现在点击"首页设置"就显示首页设置四个字．

...全文

1864 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

threejek 2008-11-10

打赏
举报

就是点击左边菜单.右边显示内容

下面是完整代码



<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Admin.aspx.cs" Inherits="Admin" %>



<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

body{

	font-size:12px;

	background-image: url(images/bg.gif);

	background-repeat: repeat;

}

ul,li,h2{margin:0;padding:0;}

ul{list-style:none;}

#top{

	width:909px;

	height:26px;

	background-image: url(images/h2bg.gif);

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	background-repeat: repeat-x;

}

#top h2{

	width:150px;

	height:24px;

	float:left;

	font-size:12px;

	text-align:center;

	line-height:20px;

	color: #FFFFFF;

	font-weight: bold;

	padding-top: 2px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #99BBE8;

	border-left-color: #99BBE8;

}

#top .jg {

	width: 5px;

	float: left;

	background-color: #DCE6F5;

	height: 26px;

}

#topTags{

	width:740px;

	height:24px;

	float:left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 2px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #99BBE8;

	border-left-color: #99BBE8;

	padding-left: 10px;

}

#topTags ul li{

	float:left;

	width:100px;

	height:21px;

	margin-right:4px;

	display:block;

	text-align:center;

	cursor:pointer;

	padding-top: 3px;

	color: #15428B;

	font-size: 12px;

}

#main{

	width:909px;

	height:501px;

	background-color:#F5F7E6;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#main .jg {

	width: 5px;

	float: left;

	background-color: #DFE8F6;

	height: 500px;

}

#leftMenu{

	width:150px;

	height:500px;

	background-color:#DAE7F6;

	float:left;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #99BBE8;

	border-left-color: #99BBE8;

}

#leftMenu ul{margin:10px;}

#leftMenu ul li{

	width:130px;

	height:22px;

	display:block;

	cursor:pointer;

	text-align:center;

	margin-bottom:5px;

	background-color: #D9E8FB;

	background-image: url(images/tabbg01.gif);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	padding-top: 2px;

	line-height: 20px;

}

#leftMenu ul li a{

	color:#000000;

	text-decoration:none;

	background-image: url(images/tb-btn-sprite_03.gif);

	background-repeat: repeat-x;

}

#content{

	width:750px;

	height:500px;

	float:left;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #99BBE8;

	border-left-color: #99BBE8;

	background-color: #DAE7F6;

}

.content{

	width:740px;

	height:490px;

	display:none;

	padding:5px;

	overflow-y:auto;

	line-height:30px;

	background-color: #FFFFFF;

}

#footer{

	width:907px;

	height:26px;

	background-color:#FFFFFF;

	line-height:20px;

	text-align:center;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #99BBE8;

	border-left-color: #99BBE8;

	background-image: url(images/h2bg.gif);

	background-repeat: repeat-x;

}

.content1 {width:740px;height:490px;display:block;padding:5px;overflow-y:auto;line-height:30px;}

</style>

<script type="text/javascript">

window.onload=function(){

function $(id){return document.getElementById(id)}

var menu=$("topTags").getElementsByTagName("ul")[0];//顶部菜单容器

var tags=menu.getElementsByTagName("li");//顶部菜单

var ck=$("leftMenu").getElementsByTagName("ul")[0].getElementsByTagName("li");//左侧菜单

var j;

//点击左侧菜单增加新标签

for(i=0;i<ck.length;i++){

ck[i].onclick=function(){

$("welcome").style.display="none"//欢迎内容隐藏

clearMenu();

this.style.background='url(images/tabbg02.gif)'

//循环取得当前索引

for(j=0;j<8;j++){

if(this==ck[j]){

if($("p"+j)==null){

openNew(j,this.innerHTML);//设置标签显示文字

 }

clearStyle();

$("p"+j).style.background='url(images/tabbg1.gif)';

clearContent();

$("c"+j).style.display="block";

   }

 }

return false;

  }

 }

//增加或删除标签

function openNew(id,name){

var tagMenu=document.createElement("li");

tagMenu.id="p"+id;

tagMenu.innerHTML=name+"  "+"<img src='images/off.gif' style='vertical-align:middle'/>";

//标签点击事件

tagMenu.onclick=function(evt){

clearMenu();

ck[id].style.background='url(images/tabbg02.gif)'

clearStyle();

tagMenu.style.background='url(images/tabbg1.gif)';

clearContent();

$("c"+id).style.display="block";

}

//标签内关闭图片点击事件

tagMenu.getElementsByTagName("img")[0].onclick=function(evt){

evt=(evt)?evt:((window.event)?window.event:null);

if(evt.stopPropagation){evt.stopPropagation()} //取消opera和Safari冒泡行为;

this.parentNode.parentNode.removeChild(tagMenu);//删除当前标签

var color=tagMenu.style.backgroundColor;

//设置如果关闭一个标签时，让最后一个标签得到焦点

if(color=="#ffff00"||color=="yellow"){//区别浏览器对颜色解释

if(tags.length-1>=0){

clearStyle();

tags[tags.length-1].style.background='url(images/tabbg1.gif)';

clearContent();

var cc=tags[tags.length-1].id.split("p");

$("c"+cc[1]).style.display="block";

clearMenu();

ck[cc[1]].style.background='url(images/tabbg1.gif)';

 }

else{

clearContent();

clearMenu();

$("welcome").style.display="block"

   }

  }

}

menu.appendChild(tagMenu);

}

//清除菜单样式

function clearMenu(){

for(i=0;i<ck.length;i++){

ck[i].style.background='url(images/tabbg01.gif)';

 }

}

//清除标签样式

function clearStyle(){

for(i=0;i<tags.length;i++){

menu.getElementsByTagName("li")[i].style.background='url(images/tabbg2.gif)';

  }

}

//清除内容

function clearContent(){

for(i=0;i<7;i++){

$("c"+i).style.display="none";

 }

}

}

</script>

</head>

<body>

<div id="top">

<h2>管理菜单</h2>

<div class=jg></div>

<div id="topTags">

<ul>

</ul>

</div>

</div>

<div id="main"> 

<div id="leftMenu">

<ul>

<li>首页设置</li>

<li>相册管理</li>

<li>日志管理</li>

<li>留言管理</li>

<li>风格管理</li>

<li>系统管理</li>

<li>帮助信息</li>

</ul>

</div>

<div class=jg></div>

<div id="content">

<div id="welcome" class="content" style="display:block;">

  <div align="center">

    <p> </p>

    <p><strong>欢迎使用用户管理系统！</strong></p>

    <p> </p>

    </div>

</div>

<div id="c0" class="content"><iframe src="indexset.aspx" scrolling="auto" </iframe></div>

<div id="c1" class="content">相册管理</div>

<div id="c2" class="content">日志管理</div>

<div id="c3" class="content">留言管理</div>

<div id="c4" class="content">风格管理</div>

<div id="c5" class="content">系统管理</div>

<div id="c6" class="content">帮助信息</div>

</div>

</div>



</body>

</html>

jiang_jiajia10 2008-11-10

打赏
举报

估计LZ想用Ifream吧

jiang_jiajia10 2008-11-10

打赏
举报

你的意思是设为首页？
onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('域名');"



<div id="c0" class="content"><a href="javascript:;" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('域名');" >首页设置</a> </div>

难道是这个？

wuyq11 2008-11-10

打赏
举报

首页设置加<a href=""></a>

jiang_jiajia10 2008-11-10

打赏
举报

用treeview也可以

适合asp.net开发的后台框架模板 EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有...

ASP.NET后台管理框架,ASP.NET后台管理框架,ASP.NET后台管理框架

本题且课程将一步步帮你完成基于ASP.NET固定资产管理系统设计开发实战的全过程。本课程完整记录基于ASP.NET固定资产管理毕业设计的制作过程，帮助大学生学习毕业设计系统的实现过程。本课程为ASP.NET毕业...

一个基于EXT的ASP.NET后台管理框架例子源码程序

收藏版mvc asp.net 后台模版，你总会用到的，赶紧收藏起来把

.NET社区

62,046

社区成员

669,049

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章