js

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
示例2
17.屏蔽功能鍵Shift,Alt,Ctrl 
<script> 
function look(){  
if(event.shiftKey)  
alert("禁止按Shift鍵!"; //可以換成ALTCTRL 
}  
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>
示例3
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 ICON"href="http:///happyisland.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> 
示例4
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代碼,所以它們應該放在<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="打開窗口"> 
示例5
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>  
  然後在要加效果的表格里加上<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/圖標文件名">,並放在該網頁的根目錄下。
示例6
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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章