当前位置:网站首页 > 新闻中心 > 常见问题

新手网站制作常见问题集锦(二)

信息来源:北京网站制作公司  发布时间:2012-3-23    点击数:
Q: 怎样打开一个全屏的IE窗口?

A: 用javascript来实现:
定义过程:
<script language="javascript">
<!--
function MachakFull(Ie,other){
x=screen.availWidth;
y=screen.availHeight;
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
if((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))
window.open(other,"sub",'scrollbars=yes');
if (target >= 4){
if (navigator.appName=="Netscape"){
var MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0');
MachakFull.moveTo(0,0);
MachakFull.resizeTo(x,y);}
if (navigator.appName=="Microsoft Internet Explorer")
window.open(Ie,"MachakFull","fullscreen=yes");
}
else window.open(other,"sub",'scrollbars=yes');
}
//-->
</script>

调用函数:
<a href="javascript:;" >点这里打开一个全屏窗口</a>

        Q: 如何去除浏览器的“滚动条”?

A: <body scroll=no>
去掉水平滚动条:
<body style="overflow-x: hidden">
去掉竖直滚动条:
<body style="overflow-y: hidden">

    Q: 怎么让下拉列表的链接在新窗口中显示?

A: <select name="designlink" >
<option selected>设计站点链接</option>
<option value=http://www.angelasp.com>北京网站制作</option>
<option value=http://www.angelasp.com>北京网站制作公司</option>
<option value=http://www.angelasp.com>北京专业做网站</option>
</select>

    Q: 如何实现两种不同的链接效果?

A: 在CSS中设置不同的类(CLASS),例如:
a.w1:link {text-decoration:none;color:#000066}
a.w1:visited {text-decoration:none;color:#333333}
a.w1:hover {color:#0000ff;text-decoration:underline}
a.w2:link {text-decoration:none;color:#000066; font-weight:bold}
a.w2:visited {text-decoration:none;color:#000066; font-weight:bold}
a.w2: hover{color:#FF0000; font-weight:bold}

不同的链接调用不同的CSS类即可,例如:
<a href="#" class="w1">北京做网站</a>
<a href="#" class="w2">北京做网站公司</a>

也可以直接在DW中操作,例如:
1、打开css style面版选择use css selector
2、选择a:link,定义样式,接下来选择a:hover再定义样式
3、同样方法再建立一个链接样式a.w1(名称可任意):link 和a.w1:hover
4、第二步所建立的样式会以默认值自动写入文档,当需要使用第二种样式时,选中链接文字,在右键快捷菜单中选择新样式(第三步建立的样式,这里为w1),搞定。

    Q: 怎样用CSS改变鼠标指针样式?

A: <span style="cursor:X"></span>
这里选择cursor(文本)作为对象,还可以自己改为其他的,如link等。
x可以等于=hand(手形)、crosshair(十字)、text(文本光标)、wait(顾名思义啦)、default(默认效果)、help(问号)、e-size(向右箭头)、ne-resize(向右上的箭头)、nw-resize(向左上的箭头)、w-resize(向左的箭头)、sw-resize(左下箭头)、s-resize(向下箭头)、se-resize(向右下箭头)、auto(系统自动给出效果)
Q: 怎么样让在800*600分辨率下生成的网页在1024*768下居中显示?

A: 把页面内容放在一个宽为778的大表格中,把大表格设置为水平方向居中。宽度定为778是为了在800*600下窗口不出现水平滚动条,你也可以根据需要进行调整。
如果要加快关键内容的显示,也可以把内容拆开放在几个竖向相连的大表格中~~
除了使用表格之外,你也可以把要居中的部分用<div align=center>和</div>标签包围起来。

    Q: 怎么实现在不同页面间通过链接跳转时,IE地址栏的显示地址不变?

A: 用分帧实现,把其中一个frame的显示高度(或宽度)定义为0,这样另外一部分通过链接跳转的时候就是在分帧内部跳转了,如果要跳出这个分帧,设置链接的target="_top"即可~~
例子:
<html>
<head>
<title>框架页</title>
<meta http-equiv="Content-Type" c>
</head>

<frameset rows="0,*" frameborder="NO" border="0" framespacing="0">
<frame name="topFrame" scrolling="NO" noresize src="blank.htm" >
<frame name="mainFrame" src="main.htm">
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
对不起,你的浏览器不支持框架的显示。
</body>
</noframes>
</html>




    Q: 如何取消链接的下划线?

A: 用CSS来实现:
<style type="text/css">
<!--
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:hover { text-decoration: none}
-->
</style>
其中a:link 表示一般的链接样式;a:visited 表示已访问过的链接样式;a:hover 表示鼠标经过时的链接样式。text-decoration: none 表示无下划线,text-decoration: underline 表示有下划线。

如果三种链接状态的样式相同,也可以简化为:
<style type="text/css">
<!--
a { text-decoration: none}
-->
</style>

    Q: 为什么在DW中把单元格高度设置为1没有效果?

A: DW生成表格时会自动在每个单元格里填充一个?代码,就是空格代码,如果有这个代码的存在,你把该单元格宽度或高度设置为1都没有效果,实际预览时该单元格会占据10px左右的宽度。
如果把?代码去掉,再把单元格宽度或高度设置为1,就可以在IE中看到预期的效果。但是在NS(Netscape)中该单元格不会显示,就好象表格中缺了一块。在单元格内放一个透明的GIF图,然后把它的宽度和高度都设置为1,这样就可以同时兼容IE和NS了。

    Q: 为什么在DW中给单元格设置了背景图有时在IE里看不到?

A: 如果背景图的设置出现在<tr>里,在实际预览时是看不到效果的,我觉得这应该算做DW的一个BUG,手工把<tr>中的背景图相关设置代码转移到<td>中就好了。