剛剛無意間發現的網頁
是大陸的網頁,所以在用語上,
有點不太習慣,
至於是否支援於firefox 或者opera 或其他非ie 的瀏覽器
這就要研究一下拉

總之,先備份再說嚕




1. oncontextmenu=window.event.returnvalue=false
將徹底屏蔽鼠標右鍵

<table border oncontextmenu=return(false)><td>no</table> 可用於Table

2. <body onselectstart=return false> 取消選取、防止複製

3. onpaste=return false 不准粘貼



4. oncopy=return false; oncut=return false; 防止複製



5. <link rel=Shortcut Icon href=favicon.ico> IE地址欄前換成自己的圖標



6. <link rel=Bookmark href=favicon.ico> 可以在收藏夾中顯示出你的圖標



7. <input style=ime-mode:-Disabled> 關閉輸入法



8. 永遠都會帶著框架

<script language=javascript><!--

if (window == top)top.location.href = frames.htm; //frames.htm為框架網頁

// --></script>



9. 防止被人frame

<SCRIPT LANGUAGE=javascript><!--

if (top.location != self.location)top.location=self.location;

// --></SCRIPT>



10. 網頁將不能被另存為

<noscript><iframe src=*.html></iframe></noscript>



11. <input type=button value=查看網頁源代碼

onclick=window.location = `view-source:`+ http://www.51js.com/`;>



12.刪除時確認

<a href=`javascript:if(confirm(確實要刪除嗎?))location=boos.asp?&areyou=刪除&page=1`>刪



除</a>



13. 取得控件的絕對位置

//javascript

<script language=javascript>

function getIE(E){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert(top=+t+/nleft=+l);

}

</script>



//VBScript

<script language=VBScript><!--

function getIE()

dim t,l,a,b

set a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName<>BODY

set a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox top=&t&chr(13)&left=&l,64,得到控件的位置

end function

--></script>



14. 光標是停在文本框文字的最後

<script language=javascript>

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart(`character`,e.value.length);

r.collapse(true);

r.select();

}

</script>

<input type=text name=text1 value=123 onfocus=cc()>



15. 判斷上一頁的來源

javascript:

document.referrer



16. 最小化、最大化、關閉窗口

<object id=hh1 classid=clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11>

<param name=Command value=Minimize></object>

<object id=hh2 classid=clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11>

<param name=Command value=Maximize></object>

<OBJECT id=hh3 classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11>

<PARAM NAME=Command value=Close></OBJECT>



<input type=button value=最小化 onclick=hh1.Click()>

<input type=button value=最大化 onclick=hh2.Click()>

<input type=button value=關閉 onclick=hh3.Click()>

本例適用於IE



17.屏蔽功能鍵Shift,Alt,Ctrl

<script>

function look(){

if(event.shiftKey)

alert(禁止按Shift鍵!); //可以換成ALT CTRL

}

document.onkeydown=look;

</script>



18. 網頁不會被緩存

<META HTTP-EQUIV=pragma CONTENT=no-cache>

<META HTTP-EQUIV=Cache-Control CONTENT=no-cache, must-revalidate>

<META HTTP-EQUIV=expires CONTENT=Wed, 26 Feb 1997 08:21:57 GMT>

或者<META HTTP-EQUIV=expires CONTENT=0>



19.怎樣讓表單沒有凹凸感?

<input type=text style=border:1 solid #000000>



<input type=text style=border-left:none; border-right:none; border-top:none;
border-bottom:



1 solid #000000></textarea>



20.<div><span>&<layer>的區別?

<div>(division)用來定義大段的頁面元素,會產生轉行

<span>用來定義同一行內的元素,跟<div>的唯一區別是不產生轉行

<layer>是ns的標記,ie不支持,相當於<div>





21.讓彈出窗口總是在最上面:

<body onblur=this.focus();>



22.不要滾動條?

讓豎條沒有:

<body style=`overflow:-Scroll;overflow-y:hidden`>

</body>

讓橫條沒有:

<body style=`overflow:-Scroll;overflow-x:hidden`>

</body>

兩個都去掉?更簡單了

<body scroll=no>

</body>



23.怎樣去掉圖片鏈接點擊後,圖片周圍的虛線?

<a href=# onFocus=this.blur()><img src=logo.jpg border=0></a>



24.電子郵件處理提交表單

<form name=form1 method=post action=mailto:****@***.com enctype=text/plain>

<input type=submit>

</form>



25.在打開的子窗口刷新父窗口的代碼裡如何寫?

window.opener.location.reload()



26.如何設定打開頁面的大小

<body onload=top.resizeTo(300,200);>

打開頁面的位置<body onload=top.moveBy(300,200);>



27.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動

<style>

body

{background-image:url(logo.gif); background-repeat:no-repeat;



background-position:center;background-attachment: fixed}

</style>



28. 檢查一段字符串是否全由數字組成

<script language=javascript><!--

function checkNum(str){return str.match(//D/)==null}

alert(checkNum(1232142141))

alert(checkNum(123214214a1))

// --></script>



29. 獲得一個窗口的大小

document.body.clientWidth; document.body.clientHeight



30. 怎麼判斷是否是字符

if (/[^/x00-/xff]/g.test(s)) alert(含有漢字);

else alert(全是字符);



31.TEXTAREA自適應文字行數的多少

<textarea rows=1 name=s1 cols=27 onpropertychange=this.style.posHeight=this.scrollHeight>

</textarea>



32. 日期減去天數等於第二個日期

<script language=javascript>

function cc(dd,dadd)

{

//可以加上錯誤處理

var a = new Date(dd)

a = a.valueOf()

a = a - dadd * 24 * 60 * 60 * 1000

a = new Date(A)

alert(a.getFullYear() + 年 + (a.getMonth() + 1) + 月 + a.getDate() + 日)

}

cc(12/23/2002,2)

</script>



33. 選擇了哪一個Radio

<HTML><script language=vbscript>

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

</script><BODY>

<INPUT name=radio1 type=radio value=style checked>style

<INPUT name=radio1 type=radio value=barcode>Barcode

<INPUT type=button value=check onclick=checkme()>

</BODY></HTML>



34.腳本永不出錯

<SCRIPT LANGUAGE=javascript>

<!-- Hide

function killErrors() {

return true;

}

window.onerror = killErrors;

// -->

</SCRIPT>



35.ENTER鍵可以讓光標移到下一個輸入框

<input onkeydown=if(event.keyCode==13)event.keyCode=9>



36. 檢測某個網站的鏈接速度:

把如下代碼加入<body>區域中:

<script language=javascript>

tim=1

setInterval(tim++,100)

b=1



var autourl=new Array()

autourl[1]=http://www.njcatv.net/;

autourl[2]=javacool.3322.net

autourl[3]=http://www.sina.com.cn/;

autourl[4]=http://www.nuaa.edu.cn/;

autourl[5]=http://www.cctv.com/;



function butt(){

document.write(<form name=autof>)

for(var i=1;i<autourl.length;i++)

document.write(<input type=text name=txt+i+ size=10 value=測試中……> =》<input
type=text



name=url+i+ size=40> =》<input type=button value=GO



onclick=window.open(this.form.url+i+.value)><br>)

document.write(<input type=submit value=刷新></form>)

}

butt()

function auto(url){

document.forms[0][url+b].value=url

if(tim>200)

{document.forms[0][txt+b].value=鏈接超時}

else

{document.forms[0][txt+b].value=時間+tim/10+秒}

b++

}

function run(){for(var i=1;i<autourl.length;i++)document.write(<img



src=http://+autourl+/+Math.random()+ width=1 height=1



onerror=auto(http://;+autourl+`)>)}

run()</script>



37. 各種樣式的光標

auto :標準光標

default :標準箭頭

hand :手形光標

wait :等待光標

text :I形光標

vertical-text :水平I形光標

no-drop :不可拖動光標

not-allowed :無效光標

help :?幫助光標

all-scroll :三角方向標

move :移動標

crosshair :十字標

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize



38.頁面進入和退出的特效

進入頁面<meta http-equiv=Page-Enter content=revealTrans(duration=x, transition=y)>

推出頁面<meta http-equiv=Page-Exit content=revealTrans(duration=x, transition=y)>


這個是頁面被載入和調出時的一些特效。Duration表示特效的持續時間,以秒為單位。Transition表示使



用哪種特效,取值為1-23:

  0 矩形縮小

  1 矩形擴大

  2 圓形縮小

  3 圓形擴大

  4 下到上刷新

  5 上到下刷新

  6 左到右刷新

  7 右到左刷新

  8 豎百葉窗

  9 橫百葉窗

  10 錯位橫百葉窗

  11 錯位豎百葉窗

  12 點擴散

  13 左右到中間刷新

  14 中間到左右刷新

  15 中間到上下

  16 上下到中間

  17 右下到左上

  18 右上到左下

  19 左上到右下

  20 左下到右上

  21 橫條

  22 豎條

  23 以上22種隨機選擇一種



39.在規定時間內跳轉

<META http-equiv=V=REFRESH content=5;URL=http://www.51js.com>



40.網頁是否被檢索

<meta name=ROBOTS content=屬性值>

  其中屬性值有以下一些:

  屬性值為all: 文件將被檢索,且頁上鏈接可被查詢;

  屬性值為none: 文件不被檢索,而且不查詢頁上的鏈接;

  屬性值為index: 文件將被檢索;

  屬性值為follow: 查詢頁上的鏈接;

  屬性值為noindex: 文件不檢索,但可被查詢鏈接;

  屬性值為nofollow: 文件不被檢索,但可查詢頁上的鏈接。



41.變換網頁的鼠標光標

<BODY style=CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cur`)>



42.怎樣實現在任務欄顯示小圖標的效果? (要使用絕對地址)

有些站點,訪問時會在地址欄地址前顯出小圖標,添加到收藏夾後也在收藏欄中顯示圖標,

這樣很好的與其它站點有了區別。

要達到這個效果,先需做出這個圖標文件,圖像為16*16像素,不要超過16色。文件格式為ico,然後上傳至你的網站。

然後,在需要的頁面中,加上以下html語句到文件的<head>和</head>之間(假設以上ico文件的地址http://happyisland.126.com/icon.ico)。

<link REL=SHORTCUT ICONhref=http:【礪劍】打了個大揖 笑呵呵地說道:大家好,恭喜發財 !
.island.126.com/icon.ico;>

如果訪問者的瀏覽器是IE5.0,就不需加任何代碼,只要將圖標文件上傳到網站的根目錄下即可。

1,META標籤裡的代碼是什麼意思?

<META>是放於<HEAD>與</HEAD>之間的標記.以下是我總結它在網頁中最常見的幾種。

<meta name=Keywords content=圖片, 新聞, 音樂, 軟件>

該網頁的關鍵字,作用於搜索引擎的登錄,事實上它在現在的網站中並沒什麼用。

<meta http-equiv=Content-Type content=text/html; charset=gb2312>

<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>

設定這是 HTML 文件及其編碼語系,簡體中文網頁使用charset=gb2312,繁體中文使用charset=big5,或者不設編碼也可,純英文網頁建議使用
iso-8859-1。

<meta name=GENERATOR content=Microsoft FrontPage 5.0>

這隻表示該網頁由什麼編輯器寫的。

<meta http-equiv=refresh content=10; url=http://www.hkiwc.com>

這行較為實用,能於預定秒數內自動轉到指定網址。原代碼中 10 表示 10秒。



2,怎麼改變滾動條的顏色,只有ie5.5版本以上才能支持。

這是使用CSS語言,在次說明一下,它和我的瀏覽器版本有一定的關係。

scrollbar-arrow-color:上下按鈕上三角箭頭的顏色。

scrollbar-base-color:滾動條的基本顏色。

scrollbar-dark-shadow-color:立體滾動條強陰影的顏色

scrollbar-face-color:立體滾動條凸出部分的顏色

scrollbar-highlight-color:滾動條空白部分的顏色

scrollbar-shadow-color立體滾動條陰影的顏色。

scrollbar-track-color:#99CC33;

scrollbar-3dlight-color:#A8CBF1;

代碼如下:

<style>

<!--

BODY {

scrollbar-face-color:#99CC33;//(立體滾動條凸出部分的顏色)

scrollbar-highlight-color:#A8CBF1;//(滾動條空白部分的顏色)

scrollbar-shadow-color:#A8CBF1;//(立體滾動條陰影的顏色)

scrollbar-arrow-color:#FF9966;//(上下按鈕上三角箭頭的顏色)

scrollbar-base-color:#A8CBF1; //(滾動條的基本顏色)

scrollbar-darkshadow-color:#A8CBF1; //(立體滾動條強陰影的顏色)

scrollbar-track-color:#99CC33;

scrollbar-3dlight-color:#A8CBF1;

}

-->

</style>

在這我補充幾點:

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>





3,如何給圖片抖動怎做的.

<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>





15,IE6已支持自定義cursor!

語法格式 cursor:url(圖標) //cur或是ani文件.

cur就是WINDOWS中的光標(cursor)文件,光標文件與圖標(ICON)文件除了文件頭有一個位置的值不同外,實際是一樣的。

ani是WINDOWS中的動畫光標(圖標)文件。

<style type=text/css>

<!--

.unnamed1 { cursor:url(arrow2c.cur)}

-->

</style>



16,用marquee做的滾動字幕.這也我剛看到論壇的朋友在問。

語法:

align=# | top | middle| bottom //對齊方式)

BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移動的方式

BGCOLOR=color//底色區域顏色

DIRECTION=DOWN | LEFT | RIGHT | UP //移動的方向

Loop=n //循環次數(默認是循環不止)

Scrolldelay=milliseconds//延時

height=# width=# //區域面積

hspace=# vspace=# //空白區域

scrollamount=# //移動的速度

<marquee align=top behavior=ALTERNATE BGCOLOR=#000000 height=60 width=433
scrollamount=5></marquee>



17,在FLASH5中也存在一些字體,打散後變成一團的事是為什麼?有解決的辦法嗎。

這是大家很常見的問題!可能是對字庫支持的不好!我個是做成透明的gif圖片格式,然後倒入。



18,flash的網頁裡「加入收藏夾」功能怎麼實現?

在as中加getUrl(java
script:window.external.addFavorite(http://skydesigner.51.net`,`我的工作室`))



19,在Flash中,文本的動態屬性和輸入屬性的區別。

input text在運行時可被用戶或程序改變其值。

ynamic text僅允許被程序修改。





20,怎樣在IE中調用Dreamweaver進行編輯.

相信很多在使用WinME或Window2000的朋友,會遇見是個問題。很簡單,把我們筆記本程序打開,保存為一個 *.reg 文件。雙擊它將信息添加到註冊表即可。


REGEDIT4

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]

@=\c:\\Program Files\\Macromedia\\Dreamweaver 4\\dreamweaver.exe\ \%1\



21,設置表格虛線。

方法一:作一個1X2的圖。半黑半白,再利用表格作成線。

方法二:在css裡面設,要IE5。5才支持這種效果。

style=BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED;
BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED



22,看看在網頁中調用HHCtrl控件效果。

代碼如下:

<object id=HHC type=application/x-oleobject
classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11></object><script>
HHC.TextPopup(哈哈,大家好,我是閃夢!,,50,5,128255,346751);</script>





22,如何讓一張圖片有淺到深的漸變。

<SCRIPT language=javascript1.2>

<!--

function high(which2){

theobject=which2

highlighting=setInterval(highlightit(theobject),50)

}

function low(which2){

clearInterval(highlighting)

which2.filters.alpha.opacity=40

}

function highlightit(cur2){

if (cur2.filters.alpha.opacity<100)

cur2.filters.alpha.opacity+=10

else if (window.highlighting)

clearInterval(highlighting)

}

</script>

<img onmouseout=low(this) onmouseover=high(this) style=FILTER:
alpha(opacity=40)src=logo.gif >



23,雙擊鼠標左鍵來滾動背景,單擊停止。

<SCRIPT language=javascript>

var currentpos,timer;

function initialize()

{

timer=setInterval(scrollwindow(),16);

}

function sc(){

clearInterval(timer);

}

function scrollwindow()

{

currentpos=document.body.scrollTop;

window.scroll(0,++currentpos);

if (currentpos != document.body.scrollTop)

sc();

}

document.onmousedown=sc

document.ondblclick=initialize

</SCRIPT>



24,如何在同一頁面設置不同文字鏈接效果的樣式.

代碼如下:

<HTML><HEAD><TITLE>如何在同一頁面設置不同文字鏈接效果的樣式</TITLE>

<meta http-equiv=Content-Type content=text/html; charset=gb2312>

<style type=text/css>

<!--

a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline}

a:link { font-size: 9pt; color: #006699; text-decoration: underline}

a:visited { font-size: 9pt; color: #006699; text-decoration: underline}

a:active { font-size: 9pt; color: #FF0000; text-decoration: none}

a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline
overline}

a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline}


a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline
overline}

a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline
overline}

-->

</style>

</head>

<body bgcolor=#FFFFFF text=#000000>

<a href=#>下劃線鏈接 </a>

<p></p>

<a href=# class=r1>雙下劃線鏈接</a>

</BODY>

</HTML>

補充說明:

a:hover 表示鼠標劃過時的樣式.

a:link 表示鏈接的樣式.

a:active 表示當前活動連接的樣式.

a:visited 表示已經訪問過的連接的樣式.



25, 用CSS給文字加入陰影效果和文字描邊效果。

.glow{FONT-SIZE: 9pt; FILTER: Glow(Color=#000000, Strength=1)}

//文字描邊效果

.shadow {FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1,
OffY=1, color:#111111); COLOR: #ffffff; FONT-FAMILY: 宋體}

//加入陰影效果

補充說明:

  這兩種濾鏡要想實現效果,必須加在如:<td class=glow或shadow ><div>xxxxxxxxx</div></td>上

,並且要留有足夠的空間能夠顯示陰影或描邊,否則會出現半截的陰影或描邊現象。



26,如何給做帶顏色的下拉菜單。

<select style=FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY:
Verdana;BACKGROUND-COLOR: #ff6600; size=1 >

<option selected>:: Dreamweaver4 ::</option>

<option>::Flash5::</option>

<option>::Firewoks4::</option>

</select>



27,關於DW4的表格中的亮邊框和暗邊框問題。

在DW4的表格面板中並沒有亮邊框和暗邊框的屬性設置,因為NC不支持,只有你在代碼中添加了。

bordercolorlight=#999999 bordercolordark=#000000

  你也可以用Css定義一個class。例如:

<style>

.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }

</style>

  然後在要加效果的表格裡加?lt;table class=bordercolor>



28,自動顯示主頁最後更新日期.

<script>

document.write(最後更新日期:+document.lastModified+)

</script>



29,如何讓滾動條出現在左邊?

我想居然在論壇中有人發表了這段代碼,很有意思,它的確照顧一些左撇子,呵呵!

<html dir=rtl>

<body bgcolor=#000000 text=#FFFFFF>

<table height=18 width=212 align=center bgcolor=#FFFFFF dir=ltr cellspacing=1
 cellpadding=0>

<tr>

<td bgcolor=#FF0000 >是不是你的滾動條在左邊啊</td>

</tr>

</table>

</body>

</html>



30,如何加入網址前面的小圖標?

  首先,您必須瞭解所謂的圖標(Icon)是一種特殊的圖形文件格式,它是以 .ico 作為擴展名。你可用在網上找一個製作圖標軟件,它具有特有的規格:圖標的大小為
16 * 16(以像素為單位);顏色不得超過 16 色。在該網頁文件的 HEAD 部分加入下面的內容:<LINK REL=SHORTCUT ICON HREF=
http://skydesigner.51.net/圖標文件名>,並放在該網頁的根目錄下。



31,在800*600顯示器中,如何不讓網頁水平出現滾動條!

設至<body leftmargin=0 topmargin=0>,網頁中的表格寬度為778。



32,關於<!DOTYPE>的說明解釋。

在網頁中,經常會看到<!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`>,是聲明HTML文件的版本信息。



33, 用圖片來關閉窗體.

<A href=java script:window.close()><IMG height=20 width=20 alt=關閉窗口
src=close.gif border=0></A>

補充說明:如何使用了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();>關閉窗口無提示</a>

</body>

</html>



34,禁止鼠標右鍵查看網頁源代碼。

<SCRIPT language=javascript>

function click()

{if (event.button==2) {alert(`你好,歡迎光臨!`) }}

document.onmousedown=click

</SCRIPT>

補充說明:

鼠標完全被封鎖,可以屏蔽鼠標右鍵和網頁文字。

< body oncontextmenu=return false ondragstart=return false onselectstart=return
false>



35,通過按鈕來查看網頁源代碼。

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



36,怎麼用文字聯結實現按鈕的SUBMIT功能?

<a href=# onclick=formname.submit()>OK</a>

這段文字要放在form裡。formname是這裡要寫在form中的name,<form name=form111>那麼就應該是form111.submit()




37,如何做一個空鏈接?

加#



38,利用<IFRAME>來給網頁中插入網頁。

  經常我看到很多網頁中又有一個網頁,還以為是用了框架,其實不然,是用了<IFRAME>,它只適用於IE,NS可是不支持<IFRAME>的,但圍著的字句只有在瀏覽器不支援
iframe 標記時才會顯示,如<noframes>一樣,可以放些提醒字句之類的話。

你注意啊!下面請和我學習它的用法。

分析代碼:<iframe src=iframe.html name=test align=MIDDLE width=300 height=100
marginwidth=1 marginheight=1 frameborder=1 scrolling=Yes> </iframe>

  src=iframe.html

  用來顯示<IFRAME>中的網頁來源,必要加上相對或絕對路徑。

  name=test

  這是連結標記的 target 參數所需要的。

  align=MIDDLE

  可選值為 left, right, top, middle, bottom,作用不大 。

  width=300 height=100

  框窗的寬及長,以 pixels 為單位。

  marginwidth=1 marginheight=1

  該插入的文件與框邊所保留的空間。

  frameborder=1

  使用 1 表示顯示邊框, 0 則不顯示。(可以是 yes 或 no)

  scrolling=Yes

  使用 Yes 表示容許捲動(內定), No 則不容許捲動。



39,請問<tbody>的用法?

tbody用法據說是加強對錶格的控制能力的.例如:

 <table><tbody>……..</tbody></table>

  tbody代碼如果不是你用手寫的話,只有在你用IE5打開一個網頁的時候, 把它另存為

一下,你的另存為的文件在表格中就會生成tbody代碼。(即便你的表格根本就沒有

tbody代碼,IE5另存為的時候也會給你生成)。



40,Alt和Title都是提示性語言標籤,請注意它們之間的區別。

  在我們瀏覽網頁時,當鼠標停留在圖片對象或文字鏈接上時,在鼠標的右下角有時會出現一個提示信息框。對目標進行一定的註釋說明。在一些場合,它的作用是很重要的。


alt 用來給圖片來提示的。Title用來給鏈接文字或普通文字提示的。

用法如下:

   <p Title=給鏈接文字提示>文字</p>

   <a href=# Title=給鏈接文字提示>文字</a>

   <img src=圖片.gif alt=給圖片提示>

補充知識:<TITLE><ALT>裡面如何多行換行?在源代碼裡Enter回車。

<a href=# Title=個人簡歷

姓名:張培

網名:我是閃夢

性別:男的,不是女的。

愛好:網頁製作,軟件開發>個人簡歷</a>

例如:個人簡歷



41, 用javascript代碼來實現閃爍按鈕。

<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,打開原代碼窗口,在</object>前輸入:<param name=wmode value=transparent>

方法二:在Flash中的Flie→Publist Settings→HTML→Window Mode選擇transparent



44,在DW編輯文本中,如何輸入一個空格呢?

輸入空格的問題,在DW似乎已成了一個老生常談的問題。通過將輸入法調整到全角模式就可以避免了。本以人工智能ABC為例.按Shift+Space切換到全角狀態。




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

第一種:可能是因為你定義並正在使用一個site,而你的HTML文件或者圖片不在這個site包含的區域之內,因此dreamweaver使用file協議來

描述圖像的絕對路徑,可惜IE不支持src中使用file協議,所以圖像就顯示不出來了。

第二種:可能是放圖片的文件夾或圖片名為中文,也顯示不到網頁中去。



46,如何在本地機器上測試flash影片的loading?

我想這可能是很多人在問的題了,其實很簡單,在Test時,選選View->Show Streaming就可以看到了。



47,在網頁中做出一根豎的線有幾種辦法.

第一種方法:用一個像素圖的辦法!

如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer
Image給你創建了一個缺省名為:spacer.gif的一個像素圖文件 。

代碼中:

<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, 關於鼠標拖動,改變層大小。──看看微軟的做法.

<script>

document.execCommand(2D-position,false,true);

</script>

<DIV contentEditable=true>

<DIV style=WIDTH: 300px; POSITION: absolute; HEIGHT: 100px; BACKGROUND-COLOR:
red>移動層</DIV>

</DIV>



49 ,點擊連接文字加入收藏夾。

<a href=java script:window.external.AddFavorite(http://www.263.net`,
`269家園`)>點擊加入收藏夾</a>


 




hung 發表在 痞客邦 PIXNET 留言(0) 人氣()