软件开发培训班 >> 编程开发 >> JavaScript


网页代码常用小技巧总结

　　本文标签：网页代码,集合

1.让浏览器窗口永远都不出现滚动条 。

<body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden"> 或<body scroll=no>
2，没有水平滚动条
<body style="overflow-x:hidden">
3，没有垂直滚动条
<body style="overflow-y:hidden">
2,如何给图片抖动怎做的.
<SCRIPT language=javascript1.2>
<!--
var rector=2
var stopit=0
var a=1
var count=0
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1||count==100)
return
count++
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
count=0
which.style.left=0
which.style.top=0
}
//-->
</SCRIPT>
<style>.shakeimage {POSITION: relative}
</style>
<img src="图片的路径" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class=shakeimage>

　　4，在DW如何给水平线加颜色 。

在DW中没有此项设置，你只能在HTML中加入代码：<hr color=red noshade>按F12的预览在能看到 。由于在NC中不支持<hr>的COLOR属性，所以在DW中没有此项设置 。
　　　
　　5，如何在网页中实现flash的全屏播放？

只要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100％即可，当然也可以在Flash导出HTML文件的设置中进行设置，方法是：打开File菜单；选Publish Settings弹出导出设置对话框；在HTML标签下的Dimensions选项,下拉后选中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了 。

　　6,为什么我在DW中插入的Flash动画缺看不找！

如果你没有正确地安装Dreamweaver和Flash，那么在你预览的时候，Dreamweaver会提示你缺少播放的插件，请你按装InstallAXFlash.exe 并从新启动计算机 。现在IE6已经捆绑这个程序 。

　　7，在Flash中，如果屏蔽鼠标右键?FS命令都是什么意思?

fscommand ("fullscreen", "true/false");（全屏设置，TRUE开，FALSE关）
fscommand ("showmenu", "true/false");（右键菜单设置，TRUE显示，FALSE不显示）
fscommand ("allowscale", "true/false");（缩放设置，TRUE自由缩放，FALSE调整画面不影响影片本身的尺寸）
fscommand ("trapallkeys", "true/false");（快捷键设置，TRUE快捷键开，FALSE快捷键关）
fscommand ("exec");（EXE程序调用）
fscommand ("quit");（退出关闭窗口）

　　8，Flash中什么是隐形按钮 。

利用button中的hit帧来制作只有感应区域而完全透明的按钮 。

　　9，如何给Flash动画做链接 。

Dreamweaver是不能给Flash制作链接的，只能在Flash中用geturl()加链接，然后再插入Dreamweaver中 。

　　10，DW中的层的技巧 。

层是可以嵌套的，我个人给大家一个技巧，在层面板中按住CTRL再拖放层到你想去成为其子层的地方就行了，我认为这是最简单直观的方法了 。

　　11，如何改变鼠标的形状？

在Dreamweaver4中CSS样式面板：
按CTR +SHIFT+E--出现样式表对话框,点击NEW，出现编辑对话框,在左边最后一项extensions-cursor 选择你要改的指针形式就可以了，然后把你要想改变的地方运用样式表，如果整页都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就行了 。
<span style="cursor:X`>样例</span>
这里选择（文本）作为对象，还可以自己改为其他的，如link等 。
x 可以等于=hand（手形）、crosshair（十字）、text（文本光标）、wait（顾名思义啦）、default（默认效果）、help（问号）、e-size（向右箭头）、ne-resize（向右上的箭头）、nw-resize（向左上的箭头）、w-resize（向左的箭头）、sw- resize（左下箭头）、s-resize（向下箭头）、se-resize（向右下箭头）、auto（系统自动给出效果） 。

　　12，用CSS做邮票，看看吧！

<input type=button value=我象不象邮票？ style="height:80px;border:2px dashed #cccccc">


　　13，经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，怎么做呢！

这javascript代码即可实现，摘录蓝色论坛 。
【1、最基本的弹出窗口代码】
其实代码非常简单：
<SCRIPT LANGUAGE="javascript">
<!--
window.open (`page.html`)
-->
</SCRIPT>
因为着是一段javascripts代码，所以它们应该放?lt;SCRIPT LANGUAGE="javascript">标签和</script>之间 。<!-- 和 -->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来 。要养成这个好习惯啊 。
window.open (`page.html`) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可 。用单引号和双引号都可以，只是不要混用 。
这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body bgcolor="#003063" text="#ffffff" id=all>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放 。
【2、经过设置后的弹出窗口】
下面再说一说弹出窗口的设置 。只要再往上面的代码中加一点东西就可以了 。
我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况 。
<SCRIPT LANGUAGE="javascript">
<!--
window.open (`page.html`, `newwindow`, `height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no`)
//写成一行
-->
</SCRIPT>
参数解释：
<SCRIPT LANGUAGE="javascript"> js脚本开始；
window.open 弹出新窗口的命令；
`page.html` 弹出窗口的文件名；
`newwindow` 弹出窗口的名字（不是文件名），非必须，可用空``代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏 。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
</SCRIPT> js脚本结束
【3、用函数控制弹出窗口】
下面是一个完整的代码 。
<html>
<head>
<script LANGUAGE="javascript">
<!--
function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=
no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
…任意的页面内容…
</body>
</html>
这里定义了一个函数openwin(),函数内容就是打开一个窗口 。在调用它之前没有任何用途 。
怎么调用呢？
方法一：<body onload="openwin()"> 浏览器读页面时弹出窗口；
方法二：<body onunload="openwin()"> 浏览器离开页面时弹出窗口；
方法三：用一个连接调用：
<a href="#" onclick="openwin()">打开一个窗口</a>
注意：使用的“#”是虚连接 。
方法四：用一个按钮调用：
<input type="button" onclick="openwin()" value="打开窗口">


　　14，没有用表格写的，让大家随便看看，没什么 。

<html>
<head>
<title>江南荷花扇面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.font1 { font-size: 12px; color: #999999; text-decoration: none}
a { font-size: 12px; color: #999999; text-decoration: none}
a:hover { font-size: 12px; color: #000000; text-decoration: none}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div class="font1" style="writing-mode=tb-rl;height:200px" width=300>
<p>盛夏　　　　　　尚　涛　
<p><a href="index.htm">一夜露痕黄粉香　袁运甫 </a>
<p>瑶池昨夜新凉　　王金岭
<p>一朵白莲随意开　吴冠南
<p>新雨迎秋欲满塘　齐辛民
<p>十里荷香　　　　齐辛民
<p>濯清莲而不妖　　卢世曙
</div>
</body>
</html>