<!--[if gte mso 9]><xml><w:WordDocument><w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel><w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery><w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery><w:DocumentKind>DocumentNotSpecified</w:DocumentKind><w:DrawingGridVerticalSpacing>7.8</w:DrawingGridVerticalSpacing><w:View>Normal</w:View><w:Compatibility></w:Compatibility><w:Zoom>0</w:Zoom></w:WordDocument></xml><![endif]-->
主页面
主页面的设计本来是想设计成这样的www.noonoo.cn/,但是没学过CSS和美工,所以就做得简陋点。用到了masterPage,居中的是一个1000X500的div,div被一个table划分为两行三列,没个表格里面放一张图片,其中三张分别添加了click事件,调用不同的自定义JavaScript函数,打开不同的页面。下面是js代码:
- functionopenBlog(){
- if(event.button==2){
- alert("右键已经屏蔽");
- }
- else{
- window.open("myBlog.aspx","Blog","","no");
- }
- }
- functionopenMessagesBoard(){
- if(event.button==2){
- alert("右键已经屏蔽");
- }
- else{
- window.open("messageBoard.aspx","messageBoard","","no");
- }
- }
- functionopenAlbum(){
- if(event.button==2){
- alert("右键已经屏蔽");
- }
- else{
- window.open("Album.aspx","Album","","no");
- }
- }
这里为了增加页面的效果,添加了一个捕捉鼠标按键的if语句,虽然只是调用了一个alert()函数;
按严格意义来说,每个函数里应该有两个if判断语句的,因为一般的鼠标都有三个键:左键(对应值1)、右键(对应值2)、中间(不常用,对应值3)。
如果单击鼠标左键的话,调用一个window.open()函数,打开指定页面。Windo.open()函数有四个参数,格式:
window.open(URL,name,features,replace):
URL:要访问的页面,是一个可选字符串。
name:指定卡开页面的名称,可以是新页面的名称,也可以是已经打开页面的。
features:指定页面显示的控制属性,可选参数。
raplace:指定创建新的历史条目。