網(wǎng)頁代碼常用小技巧總結(jié)第1/3頁
更新時間：2008年01月28日 22:35:32 作者：
網(wǎng)頁代碼常用小技巧總結(jié)
1.讓瀏覽器窗口永遠(yuǎn)都不出現(xiàn)滾動條。
<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中沒有此項設(shè)置，你只能在HTML中加入代碼：<hr color=red noshade>按F12的預(yù)覽在能看到。由于在NC中不支持<hr>的COLOR屬性，所以在DW中沒有此項設(shè)置。
5，如何在網(wǎng)頁中實現(xiàn)flash的全屏播放？
只要在調(diào)用swf文件的HTML中將WIDTH和HEIGHT的參數(shù)設(shè)為100％即可，當(dāng)然也可以在Flash導(dǎo)出HTML文件的設(shè)置中進(jìn)行設(shè)置，方法是：打開File菜單；選Publish Settings彈出導(dǎo)出設(shè)置對話框；在HTML標(biāo)簽下的Dimensions選項,下拉后選中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了。
6,為什么我在DW中插入的Flash動畫缺看不找！
如果你沒有正確地安裝Dreamweaver和Flash，那么在你預(yù)覽的時候，Dreamweaver會提示你缺少播放的插件，請你按裝InstallAXFlash.exe 并從新啟動計算機(jī)?，F(xiàn)在IE6已經(jīng)捆綁這個程序。
7，在Flash中，如果屏蔽鼠標(biāo)右鍵?FS命令都是什么意思?
fscommand ("fullscreen", "true/false");（全屏設(shè)置，TRUE開，F(xiàn)ALSE關(guān)）
fscommand ("showmenu", "true/false");（右鍵菜單設(shè)置，TRUE顯示，F(xiàn)ALSE不顯示）
fscommand ("allowscale", "true/false");（縮放設(shè)置，TRUE自由縮放，F(xiàn)ALSE調(diào)整畫面不影響影片本身的尺寸）
fscommand ("trapallkeys", "true/false");（快捷鍵設(shè)置，TRUE快捷鍵開，F(xiàn)ALSE快捷鍵關(guān)）
fscommand ("exec");（EXE程序調(diào)用）
fscommand ("quit");（退出關(guān)閉窗口）
8，F(xiàn)lash中什么是隱形按鈕。
利用button中的hit幀來制作只有感應(yīng)區(qū)域而完全透明的按鈕。
9，如何給Flash動畫做鏈接。
Dreamweaver是不能給Flash制作鏈接的，只能在Flash中用geturl()加鏈接，然后再插入Dreamweaver中。
10，DW中的層的技巧。
層是可以嵌套的，我個人給大家一個技巧，在層面板中按住CTRL再拖放層到你想去成為其子層的地方就行了，我認(rèn)為這是最簡單直觀的方法了。
11，如何改變鼠標(biāo)的形狀？
在Dreamweaver4中CSS樣式面板：
按CTR +SHIFT+E--出現(xiàn)樣式表對話框,點(diǎn)擊NEW，出現(xiàn)編輯對話框,在左邊最后一項extensions-cursor 選擇你要改的指針形式就可以了，然后把你要想改變的地方運(yùn)用樣式表，如果整頁都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就行了。
<span style="cursor:X`>樣例</span>
這里選擇（文本）作為對象，還可以自己改為其他的，如link等。
x 可以等于=hand（手形）、crosshair（十字）、text（文本光標(biāo)）、wait（顧名思義啦）、default（默認(rèn)效果）、help（問號）、e-size（向右箭頭）、ne-resize（向右上的箭頭）、nw-resize（向左上的箭頭）、w-resize（向左的箭頭）、sw- resize（左下箭頭）、s-resize（向下箭頭）、se-resize（向右下箭頭）、auto（系統(tǒng)自動給出效果）。
12，用CSS做郵票，看看吧！
<input type=button value=我象不象郵票？ style="height:80px;border:2px dashed #cccccc">
13，經(jīng)常上網(wǎng)的朋友可能會到過這樣一些網(wǎng)站，一進(jìn)入首頁立刻會彈出一個窗口，怎么做呢！
這javascript代碼即可實現(xiàn)，摘錄藍(lán)色論壇。
【1、最基本的彈出窗口代碼】
其實代碼非常簡單：
<SCRIPT LANGUAGE="javascript">
<!--
window.open (`page.html`)
-->
</SCRIPT>
因為著是一段javascripts代碼，所以它們應(yīng)該放?lt;SCRIPT LANGUAGE="javascript">標(biāo)簽和</script>之間。<!-- 和 -->是對一些版本低的瀏覽器起作用，在這些老瀏覽器中不會將標(biāo)簽中的代碼作為文本顯示出來。要養(yǎng)成這個好習(xí)慣啊。
window.open (`page.html`) 用于控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應(yīng)寫明路徑，絕對路徑(http://)和相對路徑(../)均可。用單引號和雙引號都可以，只是不要混用。
這一段代碼可以加入HTML的任意位置，<head>和</head>之間可以，<body bgcolor="#003063" text="#ffffff" id=all>間</body>也可以，越前越早執(zhí)行，尤其是頁面代碼長，又想使頁面早點(diǎn)彈出就盡量往前放。
【2、經(jīng)過設(shè)置后的彈出窗口】
下面再說一說彈出窗口的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。
我們來定制這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應(yīng)該頁面的具體情況。
<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>
參數(shù)解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
`page.html` 彈出窗口的文件名；
`newwindow` 彈出窗口的名字（不是文件名），非必須，可用空``代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側(cè)的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；
</SCRIPT> js腳本結(jié)束
【3、用函數(shù)控制彈出窗口】
下面是一個完整的代碼。
<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()">
…任意的頁面內(nèi)容…
</body>
</html>
這里定義了一個函數(shù)openwin(),函數(shù)內(nèi)容就是打開一個窗口。在調(diào)用它之前沒有任何用途。
怎么調(diào)用呢？
方法一：<body onload="openwin()"> 瀏覽器讀頁面時彈出窗口；
方法二：<body onunload="openwin()"> 瀏覽器離開頁面時彈出窗口；
方法三：用一個連接調(diào)用：
<a href="#" onclick="openwin()">打開一個窗口</a>
注意：使用的“#”是虛連接。
方法四：用一個按鈕調(diào)用：
<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">一夜露痕黃粉香 袁運(yùn)甫 </a>
<p>瑤池昨夜新涼 王金嶺
<p>一朵白蓮隨意開 吳冠南
<p>新雨迎秋欲滿塘 齊辛民
<p>十里荷香 齊辛民
<p>濯清蓮而不妖 盧世曙
</div>
</body>
</html>
<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中沒有此項設(shè)置，你只能在HTML中加入代碼：<hr color=red noshade>按F12的預(yù)覽在能看到。由于在NC中不支持<hr>的COLOR屬性，所以在DW中沒有此項設(shè)置。
5，如何在網(wǎng)頁中實現(xiàn)flash的全屏播放？
只要在調(diào)用swf文件的HTML中將WIDTH和HEIGHT的參數(shù)設(shè)為100％即可，當(dāng)然也可以在Flash導(dǎo)出HTML文件的設(shè)置中進(jìn)行設(shè)置，方法是：打開File菜單；選Publish Settings彈出導(dǎo)出設(shè)置對話框；在HTML標(biāo)簽下的Dimensions選項,下拉后選中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了。
6,為什么我在DW中插入的Flash動畫缺看不找！
如果你沒有正確地安裝Dreamweaver和Flash，那么在你預(yù)覽的時候，Dreamweaver會提示你缺少播放的插件，請你按裝InstallAXFlash.exe 并從新啟動計算機(jī)?，F(xiàn)在IE6已經(jīng)捆綁這個程序。
7，在Flash中，如果屏蔽鼠標(biāo)右鍵?FS命令都是什么意思?
fscommand ("fullscreen", "true/false");（全屏設(shè)置，TRUE開，F(xiàn)ALSE關(guān)）
fscommand ("showmenu", "true/false");（右鍵菜單設(shè)置，TRUE顯示，F(xiàn)ALSE不顯示）
fscommand ("allowscale", "true/false");（縮放設(shè)置，TRUE自由縮放，F(xiàn)ALSE調(diào)整畫面不影響影片本身的尺寸）
fscommand ("trapallkeys", "true/false");（快捷鍵設(shè)置，TRUE快捷鍵開，F(xiàn)ALSE快捷鍵關(guān)）
fscommand ("exec");（EXE程序調(diào)用）
fscommand ("quit");（退出關(guān)閉窗口）
8，F(xiàn)lash中什么是隱形按鈕。
利用button中的hit幀來制作只有感應(yīng)區(qū)域而完全透明的按鈕。
9，如何給Flash動畫做鏈接。
Dreamweaver是不能給Flash制作鏈接的，只能在Flash中用geturl()加鏈接，然后再插入Dreamweaver中。
10，DW中的層的技巧。
層是可以嵌套的，我個人給大家一個技巧，在層面板中按住CTRL再拖放層到你想去成為其子層的地方就行了，我認(rèn)為這是最簡單直觀的方法了。
11，如何改變鼠標(biāo)的形狀？
在Dreamweaver4中CSS樣式面板：
按CTR +SHIFT+E--出現(xiàn)樣式表對話框,點(diǎn)擊NEW，出現(xiàn)編輯對話框,在左邊最后一項extensions-cursor 選擇你要改的指針形式就可以了，然后把你要想改變的地方運(yùn)用樣式表，如果整頁都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就行了。
<span style="cursor:X`>樣例</span>
這里選擇（文本）作為對象，還可以自己改為其他的，如link等。
x 可以等于=hand（手形）、crosshair（十字）、text（文本光標(biāo)）、wait（顧名思義啦）、default（默認(rèn)效果）、help（問號）、e-size（向右箭頭）、ne-resize（向右上的箭頭）、nw-resize（向左上的箭頭）、w-resize（向左的箭頭）、sw- resize（左下箭頭）、s-resize（向下箭頭）、se-resize（向右下箭頭）、auto（系統(tǒng)自動給出效果）。
12，用CSS做郵票，看看吧！
<input type=button value=我象不象郵票？ style="height:80px;border:2px dashed #cccccc">
13，經(jīng)常上網(wǎng)的朋友可能會到過這樣一些網(wǎng)站，一進(jìn)入首頁立刻會彈出一個窗口，怎么做呢！
這javascript代碼即可實現(xiàn)，摘錄藍(lán)色論壇。
【1、最基本的彈出窗口代碼】
其實代碼非常簡單：
<SCRIPT LANGUAGE="javascript">
<!--
window.open (`page.html`)
-->
</SCRIPT>
因為著是一段javascripts代碼，所以它們應(yīng)該放?lt;SCRIPT LANGUAGE="javascript">標(biāo)簽和</script>之間。<!-- 和 -->是對一些版本低的瀏覽器起作用，在這些老瀏覽器中不會將標(biāo)簽中的代碼作為文本顯示出來。要養(yǎng)成這個好習(xí)慣啊。
window.open (`page.html`) 用于控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應(yīng)寫明路徑，絕對路徑(http://)和相對路徑(../)均可。用單引號和雙引號都可以，只是不要混用。
這一段代碼可以加入HTML的任意位置，<head>和</head>之間可以，<body bgcolor="#003063" text="#ffffff" id=all>間</body>也可以，越前越早執(zhí)行，尤其是頁面代碼長，又想使頁面早點(diǎn)彈出就盡量往前放。
【2、經(jīng)過設(shè)置后的彈出窗口】
下面再說一說彈出窗口的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。
我們來定制這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應(yīng)該頁面的具體情況。
<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>
參數(shù)解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
`page.html` 彈出窗口的文件名；
`newwindow` 彈出窗口的名字（不是文件名），非必須，可用空``代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側(cè)的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；
</SCRIPT> js腳本結(jié)束
【3、用函數(shù)控制彈出窗口】
下面是一個完整的代碼。
<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()">
…任意的頁面內(nèi)容…
</body>
</html>
這里定義了一個函數(shù)openwin(),函數(shù)內(nèi)容就是打開一個窗口。在調(diào)用它之前沒有任何用途。
怎么調(diào)用呢？
方法一：<body onload="openwin()"> 瀏覽器讀頁面時彈出窗口；
方法二：<body onunload="openwin()"> 瀏覽器離開頁面時彈出窗口；
方法三：用一個連接調(diào)用：
<a href="#" onclick="openwin()">打開一個窗口</a>
注意：使用的“#”是虛連接。
方法四：用一個按鈕調(diào)用：
<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">一夜露痕黃粉香 袁運(yùn)甫 </a>
<p>瑤池昨夜新涼 王金嶺
<p>一朵白蓮隨意開 吳冠南
<p>新雨迎秋欲滿塘 齊辛民
<p>十里荷香 齊辛民
<p>濯清蓮而不妖 盧世曙
</div>
</body>
</html>
相關(guān)文章
.ts是一種高清視頻封裝格式文件，全稱為MPEG2-TS，TS表示TransportStream，這篇文章主要介紹了TS如何從目錄中提取所有指定擴(kuò)展名的文件,需要的朋友可以參考下2023-05-05
火狐瀏覽器(firefox)下獲得Event對象以及keyCode
firefox Event對象2008-11-11
簡單聊聊JavaScript的事件循環(huán)機(jī)制
前端開發(fā)的童鞋應(yīng)該都知道,JavaScript是一門單線程的腳本語言,這就意味著JavaScript 代碼在執(zhí)行的時候,只有一個主線程來執(zhí)行所有的任務(wù),同一個時間只能做同一件事情,這篇文章主要給大家介紹了關(guān)于JavaScript事件循環(huán)機(jī)制的相關(guān)資料,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了js+cookies實現(xiàn)懸浮購物車的方法,涉及javascript數(shù)值計算與cookie的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了JS實現(xiàn)的手機(jī)端精簡幻燈片效果,涉及javascript結(jié)合時間函數(shù)動態(tài)修改頁面元素的相關(guān)技巧,需要的朋友可以參考下2016-09-09
本文將使用javascript實現(xiàn)一個極其簡單的路由實例。WEB開發(fā)中路由概念并不陌生，我們接觸到的有前端路由和后端路由。后端路由在很多框架中是一個重要的模塊,同樣前端路由在單頁面應(yīng)用也很常見，它使得前端頁面體驗更流暢。2016-09-09
JavaScript實現(xiàn)下載base64數(shù)據(jù)并兼容低版本
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實現(xiàn)下載base64數(shù)據(jù)并兼容低版本,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-12-12
TypeScript是JavaScript的超集,擴(kuò)展了JavaScript的語法,因此現(xiàn)有的JavaScript代碼可與TypeScript一起工作無需任何修改,TypeScript通過類型注解提供編譯時的靜態(tài)類型檢查,下面這篇文章主要給大家介紹了關(guān)于TypeScript安裝與使用的詳細(xì)教程,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了ES2020系列之空值合并運(yùn)算符 '??'，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
js實現(xiàn)關(guān)閉網(wǎng)頁出現(xiàn)是否離開提示
本篇文章主要給大家?guī)硪粋€JS實用功能，監(jiān)聽瀏覽器在關(guān)閉的時候提示出是否要離開的小功能，需要的朋友學(xué)習(xí)下吧。2017-12-12