快捷導(dǎo)航

網(wǎng)頁(yè)代碼常用小技巧總結(jié)

更新時(shí)間：2008年01月28日 22:35:32 作者：

　　33, 用圖片來(lái)關(guān)閉窗體.

<A href="java script:window.close()"><IMG height=20 width=20 alt="關(guān)閉窗口" src="close.gif" border=0></A>
補(bǔ)充說(shuō)明：如何使用了ACTIVEX！,不再警告窗口？
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close"></object>
</head>
<body bgcolor="#003063" text="#ffffff" id=all> <a href="#" onclick="closes.Click();">關(guān)閉窗口無(wú)提示</a>
</body>
</html>

　　34,禁止鼠標(biāo)右鍵查看網(wǎng)頁(yè)源代碼。

<SCRIPT language=javascript>
function click()
{if (event.button==2) {alert(`你好,歡迎光臨！`) }}
document.onmousedown=click
</SCRIPT>
補(bǔ)充說(shuō)明：
鼠標(biāo)完全被封鎖,可以屏蔽鼠標(biāo)右鍵和網(wǎng)頁(yè)文字。
< body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">

　　35,通過(guò)按鈕來(lái)查看網(wǎng)頁(yè)源代碼。

<input type="BUTTON" value="查看源代碼" onClick= `window.location = "view-source:" + window.location.href` name="BUTTON">

　　36,怎么用文字聯(lián)結(jié)實(shí)現(xiàn)按鈕的SUBMIT功能？

<a href="#" onclick="formname.submit()">OK</a>
這段文字要放在form里。formname是這里要寫(xiě)在form中的name,<form name=form111>那么就應(yīng)該是form111.submit()

　　37,如何做一個(gè)空鏈接？
加#

　　38,利用<IFRAME>來(lái)給網(wǎng)頁(yè)中插入網(wǎng)頁(yè)。

　　經(jīng)常我看到很多網(wǎng)頁(yè)中又有一個(gè)網(wǎng)頁(yè)，還以為是用了框架，其實(shí)不然，是用了<IFRAME>,它只適用于IE，NS可是不支持<IFRAME>的，但圍著的字句只有在瀏覽器不支援 iframe 標(biāo)記時(shí)才會(huì)顯示，如<noframes>一樣，可以放些提醒字句之類(lèi)的話(huà)。
你注意啊！下面請(qǐng)和我學(xué)習(xí)它的用法。
分析代碼：<iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe>
　　src="iframe.html"
　　用來(lái)顯示<IFRAME>中的網(wǎng)頁(yè)來(lái)源，必要加上相對(duì)或絕對(duì)路徑。
　　name="test"
　　這是連結(jié)標(biāo)記的 target 參數(shù)所需要的。
　　align="MIDDLE"
　　可選值為 left, right, top, middle, bottom，作用不大。
　　width="300" height="100"
　　框窗的寬及長(zhǎng)，以 pixels 為單位。
　　marginwidth="1" marginheight="1"
　　該插入的文件與框邊所保留的空間。
　　frameborder="1"
　　使用 1 表示顯示邊框， 0 則不顯示。（可以是 yes 或 no）
　　scrolling="Yes"
　　使用 Yes 表示容許卷動(dòng)（內(nèi)定）， No 則不容許卷動(dòng)。

　　39,請(qǐng)問(wèn)＜tbody＞的用法？

tbody用法據(jù)說(shuō)是加強(qiáng)對(duì)表格的控制能力的.例如：
　<table><tbody>……..</tbody></table>
　　tbody代碼如果不是你用手寫(xiě)的話(huà),只有在你用IE5打開(kāi)一個(gè)網(wǎng)頁(yè)的時(shí)候，把它另存為
一下，你的另存為的文件在表格中就會(huì)生成tbody代碼。(即便你的表格根本就沒(méi)有
tbody代碼，IE5另存為的時(shí)候也會(huì)給你生成)。

　　40,Alt和Title都是提示性語(yǔ)言標(biāo)簽，請(qǐng)注意它們之間的區(qū)別。

　　在我們?yōu)g覽網(wǎng)頁(yè)時(shí)，當(dāng)鼠標(biāo)停留在圖片對(duì)象或文字鏈接上時(shí)，在鼠標(biāo)的右下角有時(shí)會(huì)出現(xiàn)一個(gè)提示信息框。對(duì)目標(biāo)進(jìn)行一定的注釋說(shuō)明。在一些場(chǎng)合，它的作用是很重要的。
alt 用來(lái)給圖片來(lái)提示的。Title用來(lái)給鏈接文字或普通文字提示的。
用法如下：
　　　<p Title="給鏈接文字提示">文字</p>
　　　<a href="#" Title="給鏈接文字提示">文字</a>
　　　<img src="圖片.gif" alt="給圖片提示">
補(bǔ)充知識(shí)：<TITLE><ALT>里面如何多行換行？在源代碼里Enter回車(chē)。
<a href="#" Title="個(gè)人簡(jiǎn)歷
姓名：張培
網(wǎng)名：我是閃夢(mèng)
性別：男的，不是女的。
愛(ài)好：網(wǎng)頁(yè)制作，軟件開(kāi)發(fā)">個(gè)人簡(jiǎn)歷</a>
例如：個(gè)人簡(jiǎn)歷

　　41, 用javascript代碼來(lái)實(shí)現(xiàn)閃爍按鈕。

<body>
<form method="POST" action="--WEBBOT-SELF--">
<input type="button" name=SUB value="閃爍" id=flashit style="BORDER: 1px solid ;BACKGROUND-COLOR: #FFFFFF">
</form>
<script>
if (document.all&&document.all.flashit)
{
var flashelement=document.all.flashit
if (flashelement.length==null)
flashelement[0]=document.all.flashit
function changecolor(which)
{
if (flashelement[which].style.color==`#800000`)
flashelement[which].style.color="#0063A4"
else
flashelement[which].style.color="#800000"
}
if (flashelement.length==null)
setInterval("changecolor(0)",1000)
else
for (i=0;i<flashelement.length;i++)
{
var tempvariable=`setInterval("changecolor(`+i+`)",`+`1000)`
eval(tempvariable)
}
}
</script>
</body>

　　42,CSS給圖片定義顏色邊框。

img { border: 1px solid red}

　　43,在DW中如何使插入的FLASH透明。

方法一：選中swf,打開(kāi)原代碼窗口，在</object>前輸入:<param name="wmode" value="transparent">
方法二：在Flash中的Flie→Publist Settings→HTML→Window Mode選擇transparent

　　44,在DW編輯文本中，如何輸入一個(gè)空格呢？
輸入空格的問(wèn)題，在DW似乎已成了一個(gè)老生常談的問(wèn)題。通過(guò)將輸入法調(diào)整到全角模式就可以避免了。本以人工智能ABC為例.按Shift+Space切換到全角狀態(tài)。

　　45,為何我的DW中圖形顯示不正常。

第一種：可能是因?yàn)槟愣x并正在使用一個(gè)site，而你的HTML文件或者圖片不在這個(gè)site包含的區(qū)域之內(nèi)，因此dreamweaver使用file協(xié)議來(lái)
描述圖象的絕對(duì)路徑，可惜IE不支持src中使用file協(xié)議，所以圖象就顯示不出來(lái)了。
第二種：可能是放圖片的文件夾或圖片名為中文，也顯示不到網(wǎng)頁(yè)中去。

　　46,如何在本地機(jī)器上測(cè)試flash影片的loading？

我想這可能是很多人在問(wèn)的題了，其實(shí)很簡(jiǎn)單，在Test時(shí)，選選View->Show Streaming就可以看到了。

　　47,在網(wǎng)頁(yè)中做出一根豎的線(xiàn)有幾種辦法.

第一種方法：用一個(gè)像素圖的辦法！
如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image給你創(chuàng)建了一個(gè)缺省名為：spacer.gif的一個(gè)像素圖文件。
代碼中：
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FF0000" height="200" ><img src="spacer.gif" width="1" height="1"></td>
</tr>
</table>
第二種方法：用表格填顏色的辦法！把<td> </td>中的刪掉 .
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FF0000" height="200" width="1"></td>
</tr>
</table>
第三種方法：用水平條。
<hr color="red" width="1" size="100%">

　　48, 關(guān)于鼠標(biāo)拖動(dòng),改變層大小。──看看微軟的做法.

<script>
document.execCommand("2D-position",false,true);
</script>
<DIV contentEditable=true>
<DIV style="WIDTH: 300px; POSITION: absolute; HEIGHT: 100px; BACKGROUND-COLOR: red">移動(dòng)層</DIV>
</DIV>

　　49 ,點(diǎn)擊連接文字加入收藏夾。

<a href="java script:window.external.AddFavorite(http://www.webjx.com`, `網(wǎng)頁(yè)教學(xué)網(wǎng)`)">點(diǎn)擊加入收藏夾</a>

您可能感興趣的文章: