左侧导航怎么实现,ASP.NET

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了左侧导航怎么实现,ASP.NET相关的知识，希望对你有一定的参考价值。

2个问题！感谢广大的开发者帮助！
1.导航，我写的导航总是要跳转到别的页面，看好了多网站，都是直接在主页显示的。
比如说:我的导航上面有:主页|产品|联系我们|
每次我点了之后他就从新到了一个新的页面！能不能就在本网页显示!
2.那个左侧导航用什么控件?如果鼠标移动倒左侧导航上去，那么可以直接在后面显示出他的子菜单，不用点击的那种
谢谢啦
1.就是说我的网站分了3个块，上面是导航，左侧也是导航，中间主要就是显示信息，如果我点上面的导航，他就会跳转出来一个页面，来显示信息。我想就在原来的那块显示信息，而不跳转倒其他页面

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>财务分析系统</title>
</head>
<frameset rows="100,*" cols="*" frameborder="YES" border="0" framespacing="0" >
<frame src="common/top.aspx" name="topFrame" scrolling="NO" noresize > //顶部页面
<frameset rows="*" cols="186,*" framespacing="0" frameborder="NO" border="0">
<frame src="common/menu.aspx" name="leftFrame" scrolling="NO" noresize> //左侧页面
<frameset rows="*,20" cols="*" framespacing="0" frameborder="NO" border="0">
<frame src="common/blank.aspx" name="mainFrame" scrolling="YES"> //中间主页面
<frame src="common/foot.aspx" name="footFrame" scrolling="NO"> //底部页面
</frameset>
</frameset>
</frameset>

<body>
<form id="form1" runat="server">
</form>
</body>
</html>
src 是每个框架中的页面路径

---------------------------------------------------
这是一树的节点,我只举一个节点的例子.楼主看懂了就好了
<asp:TreeView ID="TreeView_Show" runat="server" ShowExpandCollapse="False" ImageSet="BulletedList" Height="234px" Width="109px" >
<Nodes>
<asp:TreeNode Text="详细信息" Value="Message" ImageUrl="~/image/hy.gif">
<asp:TreeNode Target="mainFrame" Text="资产负债" Value="Message_Show" ImageUrl="~/image/icon_personaloffice_16.gif" NavigateUrl="~/UI/Message/Balance_Sheet.aspx">
</asp:TreeNode>
</asp:TreeNode>
</Nodes>
</asp:TreeView>
注意上面的<asp:TreeNode Target="mainFrame" Text="资产负债" 这句中的Target="mainFrame" 该节点的导航目标定位于 mainFrame的页面框架里面了也就是 <frame src="common/blank.aspx" name="mainFrame" scrolling="YES"> //中间主页面
当然你这个有树的导航页面 要么是<frame src="common/menu.aspx" name="leftFrame" scrolling="NO" noresize> //左侧页面
或者是顶部页面 参考技术A 1.这个问题很简单.听你的意思是.你的导航是超链接么?
<a>标签有个属性 target.如果target=_blank.那么就会弹出新页面.如果target=_self或者不要target属性.那么新页面就在本网页显示.

2.我没听懂你的意思..不过好像大概意思是说用<div>做的onmouseover事件吧?写js. 参考技术B 1.如贰壹肆伍捌 所讲，

也可以考虑用frame

2。这个你自己搜索一下 “纯css菜单“ 参考技术C 可以采用HTML里面的锚点来实现啊！左侧设置链接到一个锚点，把右边内容设置为一个锚点。然后_target="_self"。就搞定了哇！ 参考技术D Menu可以，使用站点地图，就可以达到你的要求。直接Menu绑定站点地图。什么都不用写就可以解决你的所有问题。（导航最好使用模版页） 第5个回答  2008-06-01 可以用DataList!

android 怎么实现左侧导航栏

参考技术A Android左侧推出导航菜单可以让Activity继承PopupWindow类来实现的弹出窗体，布局可以根据自己定义设计。弹出效果主要使用了translate和alpha样式实现。具体的做法是下列代码：
第一步：设计弹出窗口xml:

Xml代码
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:orientation="vertical"
>

<LinearLayout
android:id="@+id/pop_layout"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:orientation="vertical"
android:layout_alignParentBottom="true"
android:background="@drawable/btn_style_alert_dialog_background"
>

<Button
android:id="@+id/btn_take_photo"
android:layout_marginLeft="20dip"
android:layout_marginRight="20dip"
android:layout_marginTop="20dip"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="拍照"
android:background="@drawable/btn_style_alert_dialog_button"
android:textStyle="bold"
/>

<Button
android:id="@+id/btn_pick_photo"
android:layout_marginLeft="20dip"
android:layout_marginRight="20dip"
android:layout_marginTop="5dip"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="从相册选择"
android:background="@drawable/btn_style_alert_dialog_button"
android:textStyle="bold"
/>

<Button
android:id="@+id/btn_cancel"
android:layout_marginLeft="20dip"
android:layout_marginRight="20dip"
android:layout_marginTop="15dip"
android:layout_marginBottom="15dip"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="取消"
android:background="@drawable/btn_style_alert_dialog_cancel"
android:textColor="#ffffff"
android:textStyle="bold"

/>
</LinearLayout>
</RelativeLayout>
第二步：创建SelectPicPopupWindow类继承PopupWindow：

Java代码
import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.PopupWindow;

public class SelectPicPopupWindow extends PopupWindow

private Button btn_take_photo, btn_pick_photo, btn_cancel;
private View mMenuView;

public SelectPicPopupWindow(Activity context,OnClickListener itemsOnClick)
super(context);
LayoutInflater inflater = (LayoutInflater) context
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
mMenuView = inflater.inflate(R.layout.alert_dialog, null);
btn_take_photo = (Button) mMenuView.findViewById(R.id.btn_take_photo);
btn_pick_photo = (Button) mMenuView.findViewById(R.id.btn_pick_photo);
btn_cancel = (Button) mMenuView.findViewById(R.id.btn_cancel);
//取消按钮
btn_cancel.setOnClickListener(new OnClickListener()

public void onClick(View v)
//销毁弹出框
dismiss();

);
//设置按钮监听
btn_pick_photo.setOnClickListener(itemsOnClick);
btn_take_photo.setOnClickListener(itemsOnClick);
//设置SelectPicPopupWindow的View
this.setContentView(mMenuView);
//设置SelectPicPopupWindow弹出窗体的宽
this.setWidth(LayoutParams.FILL_PARENT);
//设置SelectPicPopupWindow弹出窗体的高
this.setHeight(LayoutParams.WRAP_CONTENT);
//设置SelectPicPopupWindow弹出窗体可点击
this.setFocusable(true);
//设置SelectPicPopupWindow弹出窗体动画效果
this.setAnimationStyle(R.style.AnimBottom);
//实例化一个ColorDrawable颜色为半透明
ColorDrawable dw = new ColorDrawable(0xb0000000);
//设置SelectPicPopupWindow弹出窗体的背景
this.setBackgroundDrawable(dw);
//mMenuView添加OnTouchListener监听判断获取触屏位置如果在选择框外面则销毁弹出框
mMenuView.setOnTouchListener(new OnTouchListener()

public boolean onTouch(View v, MotionEvent event)

int height = mMenuView.findViewById(R.id.pop_layout).getTop();
int y=(int) event.getY();
if(event.getAction()==MotionEvent.ACTION_UP)
if(y<height)
dismiss();


return true;

);





第三步：编写MainActivity类实现测试：

Java代码
import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;

public class MainActivity extends Activity

//自定义的弹出框类
SelectPicPopupWindow menuWindow;

@Override
public void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
TextView tv = (TextView) this.findViewById(R.id.text);
//把文字控件添加监听，点击弹出自定义窗口
tv.setOnClickListener(new OnClickListener()
public void onClick(View v)
//实例化SelectPicPopupWindow
menuWindow = new SelectPicPopupWindow(MainActivity.this, itemsOnClick);
//显示窗口
menuWindow.showAtLocation(MainActivity.this.findViewById(R.id.main), Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0); //设置layout在PopupWindow中显示的位置

);


//为弹出窗口实现监听类
private OnClickListener itemsOnClick = new OnClickListener()

public void onClick(View v)
menuWindow.dismiss();
switch (v.getId())
case R.id.btn_take_photo:
break;
case R.id.btn_pick_photo:
break;
default:
break;




;


上述的代码实现了从底部弹出，也可以根据PopupWindow类设置从左下部弹出。
Android的对话框有两种：PopupWindow和AlertDialog。它们的不同点在于：
AlertDialog的位置固定，而PopupWindow的位置可以随意
AlertDialog是非阻塞线程的，而PopupWindow是阻塞线程的
PopupWindow的位置按照有无偏移分，可以分为偏移和无偏移两种；按照参照物的不同，可以分为相对于某个控件（Anchor锚）和相对于父控件。具体如下
showAsDropDown(View anchor)：相对某个控件的位置（正左下方），无偏移
showAsDropDown(View anchor, int xoff, int yoff)：相对某个控件的位置，有偏移
showAtLocation(View parent, int gravity, int x, int y)：相对于父控件的位置（例如正中央Gravity.CENTER，下方Gravity.BOTTOM等），可以设置偏移或无偏移 参考技术B 请看http://zhidao.baidu.com/question/1796025737303379747.html?fr=qlquick

以上是关于左侧导航怎么实现,ASP.NET的主要内容，如果未能解决你的问题，请参考以下文章

android 怎么实现左侧推出导航菜单

左侧导航怎么实现,ASP.NET

转载IIS与asp.net管道

ASP.NET入门教程(经典)

ASP.NET入门教程(经典)

KindEditor