網(wǎng)頁代碼常用小技巧總結(jié)第1/3頁
更新時(shí)間:2008年01月28日 22:35:32 作者:
網(wǎng)頁代碼常用小技巧總結(jié)
1.讓瀏覽器窗口永遠(yuǎn)都不出現(xiàn)滾動(dòng)條。
<body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden"> 或<body scroll=no>
2,沒有水平滾動(dòng)條
<body style="overflow-x:hidden">
3,沒有垂直滾動(dòng)條
<body style="overflow-y:hidden">
2,如何給圖片抖動(dòng)怎做的.
<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中沒有此項(xiàng)設(shè)置,你只能在HTML中加入代碼:<hr color=red noshade>按F12的預(yù)覽在能看到。由于在NC中不支持<hr>的COLOR屬性,所以在DW中沒有此項(xiàng)設(shè)置。
5,如何在網(wǎng)頁中實(shí)現(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選項(xiàng),下拉后選中Percent(百分比),并在WIDTH 和HEIGHT框中填100.就行了。
6,為什么我在DW中插入的Flash動(dòng)畫缺看不找!
如果你沒有正確地安裝Dreamweaver和Flash,那么在你預(yù)覽的時(shí)候,Dreamweaver會(huì)提示你缺少播放的插件,請你按裝InstallAXFlash.exe 并從新啟動(dòng)計(jì)算機(jī)?,F(xiàn)在IE6已經(jīng)捆綁這個(gè)程序。
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動(dòng)畫做鏈接。
Dreamweaver是不能給Flash制作鏈接的,只能在Flash中用geturl()加鏈接,然后再插入Dreamweaver中。
10,DW中的層的技巧。
層是可以嵌套的,我個(gè)人給大家一個(gè)技巧,在層面板中按住CTRL再拖放層到你想去成為其子層的地方就行了,我認(rèn)為這是最簡單直觀的方法了。
11,如何改變鼠標(biāo)的形狀?
在Dreamweaver4中CSS樣式面板:
按CTR +SHIFT+E--出現(xiàn)樣式表對話框,點(diǎn)擊NEW,出現(xiàn)編輯對話框,在左邊最后一項(xiàng)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)自動(dòng)給出效果)。
12,用CSS做郵票,看看吧!
<input type=button value=我象不象郵票? style="height:80px;border:2px dashed #cccccc">
13,經(jīng)常上網(wǎng)的朋友可能會(huì)到過這樣一些網(wǎng)站,一進(jìn)入首頁立刻會(huì)彈出一個(gè)窗口,怎么做呢!
這javascript代碼即可實(shí)現(xiàn),摘錄藍(lán)色論壇。
【1、最基本的彈出窗口代碼】
其實(shí)代碼非常簡單:
<SCRIPT LANGUAGE="javascript">
<!--
window.open (`page.html`)
-->
</SCRIPT>
因?yàn)橹且欢蝚avascripts代碼,所以它們應(yīng)該放?lt;SCRIPT LANGUAGE="javascript">標(biāo)簽和</script>之間。<!-- 和 -->是對一些版本低的瀏覽器起作用,在這些老瀏覽器中不會(huì)將標(biāo)簽中的代碼作為文本顯示出來。要養(yǎng)成這個(gè)好習(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)東西就可以了。
我們來定制這個(gè)彈出的窗口的外觀,尺寸大小,彈出的位置以適應(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 表示菜單欄和滾動(dòng)欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開),yes為允許;
</SCRIPT> js腳本結(jié)束
【3、用函數(shù)控制彈出窗口】
下面是一個(gè)完整的代碼。
<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>
這里定義了一個(gè)函數(shù)openwin(),函數(shù)內(nèi)容就是打開一個(gè)窗口。在調(diào)用它之前沒有任何用途。
怎么調(diào)用呢?
方法一:<body onload="openwin()"> 瀏覽器讀頁面時(shí)彈出窗口;
方法二:<body onunload="openwin()"> 瀏覽器離開頁面時(shí)彈出窗口;
方法三:用一個(gè)連接調(diào)用:
<a href="#" onclick="openwin()">打開一個(gè)窗口</a>
注意:使用的“#”是虛連接。
方法四:用一個(gè)按鈕調(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,沒有水平滾動(dòng)條
<body style="overflow-x:hidden">
3,沒有垂直滾動(dòng)條
<body style="overflow-y:hidden">
2,如何給圖片抖動(dòng)怎做的.
<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中沒有此項(xiàng)設(shè)置,你只能在HTML中加入代碼:<hr color=red noshade>按F12的預(yù)覽在能看到。由于在NC中不支持<hr>的COLOR屬性,所以在DW中沒有此項(xiàng)設(shè)置。
5,如何在網(wǎng)頁中實(shí)現(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選項(xiàng),下拉后選中Percent(百分比),并在WIDTH 和HEIGHT框中填100.就行了。
6,為什么我在DW中插入的Flash動(dòng)畫缺看不找!
如果你沒有正確地安裝Dreamweaver和Flash,那么在你預(yù)覽的時(shí)候,Dreamweaver會(huì)提示你缺少播放的插件,請你按裝InstallAXFlash.exe 并從新啟動(dòng)計(jì)算機(jī)?,F(xiàn)在IE6已經(jīng)捆綁這個(gè)程序。
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動(dòng)畫做鏈接。
Dreamweaver是不能給Flash制作鏈接的,只能在Flash中用geturl()加鏈接,然后再插入Dreamweaver中。
10,DW中的層的技巧。
層是可以嵌套的,我個(gè)人給大家一個(gè)技巧,在層面板中按住CTRL再拖放層到你想去成為其子層的地方就行了,我認(rèn)為這是最簡單直觀的方法了。
11,如何改變鼠標(biāo)的形狀?
在Dreamweaver4中CSS樣式面板:
按CTR +SHIFT+E--出現(xiàn)樣式表對話框,點(diǎn)擊NEW,出現(xiàn)編輯對話框,在左邊最后一項(xiàng)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)自動(dòng)給出效果)。
12,用CSS做郵票,看看吧!
<input type=button value=我象不象郵票? style="height:80px;border:2px dashed #cccccc">
13,經(jīng)常上網(wǎng)的朋友可能會(huì)到過這樣一些網(wǎng)站,一進(jìn)入首頁立刻會(huì)彈出一個(gè)窗口,怎么做呢!
這javascript代碼即可實(shí)現(xiàn),摘錄藍(lán)色論壇。
【1、最基本的彈出窗口代碼】
其實(shí)代碼非常簡單:
<SCRIPT LANGUAGE="javascript">
<!--
window.open (`page.html`)
-->
</SCRIPT>
因?yàn)橹且欢蝚avascripts代碼,所以它們應(yīng)該放?lt;SCRIPT LANGUAGE="javascript">標(biāo)簽和</script>之間。<!-- 和 -->是對一些版本低的瀏覽器起作用,在這些老瀏覽器中不會(huì)將標(biāo)簽中的代碼作為文本顯示出來。要養(yǎng)成這個(gè)好習(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)東西就可以了。
我們來定制這個(gè)彈出的窗口的外觀,尺寸大小,彈出的位置以適應(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 表示菜單欄和滾動(dòng)欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開),yes為允許;
</SCRIPT> js腳本結(jié)束
【3、用函數(shù)控制彈出窗口】
下面是一個(gè)完整的代碼。
<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>
這里定義了一個(gè)函數(shù)openwin(),函數(shù)內(nèi)容就是打開一個(gè)窗口。在調(diào)用它之前沒有任何用途。
怎么調(diào)用呢?
方法一:<body onload="openwin()"> 瀏覽器讀頁面時(shí)彈出窗口;
方法二:<body onunload="openwin()"> 瀏覽器離開頁面時(shí)彈出窗口;
方法三:用一個(gè)連接調(diào)用:
<a href="#" onclick="openwin()">打開一個(gè)窗口</a>
注意:使用的“#”是虛連接。
方法四:用一個(gè)按鈕調(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)文章
如何在webpack項(xiàng)目中調(diào)試loader插件
最近在學(xué)習(xí)webpack,本文主要介紹了loader插件的調(diào)試方法,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-06-06一文詳解JavaScript的事件監(jiān)聽(最新整理)
Web頁面需要經(jīng)常和用戶之間進(jìn)行交互,而交互的過程中我們可能想要捕捉這個(gè)交互的過程,比如用戶點(diǎn)擊了某個(gè)按鈕、用戶在輸入框里面輸入了某個(gè)文本、用戶鼠標(biāo)經(jīng)過了某個(gè)位置,下面介紹下JavaScript的事件監(jiān)聽,感興趣的朋友一起看看吧2024-01-01JavaScript返回網(wǎng)頁中錨點(diǎn)數(shù)目的方法
這篇文章主要介紹了JavaScript返回網(wǎng)頁中錨點(diǎn)數(shù)目的方法,涉及javascript使用document.anchors獲取錨點(diǎn)數(shù)目的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04編寫跨瀏覽器的javascript代碼必備[js多瀏覽器兼容寫法]
下面比較了幾種瀏覽器之間的差異,在寫javascript代碼時(shí) 要時(shí)刻注意這些差異2008-10-10基于JS實(shí)現(xiàn)任務(wù)隊(duì)列的示例代碼
顧名思義,任務(wù)隊(duì)列就是存放任務(wù)的隊(duì)列,隊(duì)列中的任務(wù)都嚴(yán)格按照進(jìn)入隊(duì)列的先后順序執(zhí)行,所以下面我們就來看看如何基于JS實(shí)現(xiàn)任務(wù)隊(duì)列吧2023-08-08js判斷文件類型大小并給出提示的實(shí)現(xiàn)方法
下面小編就為大家分享一篇js判斷文件類型大小并給出提示的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01js canvas實(shí)現(xiàn)QQ撥打電話特效
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)QQ撥打電話特效,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05解決layui前端框架 form表單,table表等內(nèi)置控件不顯示的問題
今天小編就為大家分享一篇解決layui前端框架 form表單,table表等內(nèi)置控件不顯示的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08