html代碼大全

Html網頁的代碼 很全哦

1)貼圖:

2)加入連接:

1)貼圖:

2)加入連接:

3)在新窗口打開連接:

消除連接的下劃線在新窗口打開連接:

4)移動字體(走馬燈):<marquee>寫上你想寫的字/<marquee>

5)字體加粗:寫上你想寫的字

6)字體斜體:寫上你想寫的字

7)字體下劃線: 寫上你想寫的字

8)字體刪除線: 寫上你想寫的字

9)字體加大: 寫上你想寫的字

10)字體控制大小:

寫上你想寫的字

(其中字體大小可從h1-h5,h1最大,h5最小)

11)更改字體顏色:寫上你想寫的字/<font>(其中value值在000000與ffffff(16位進制)之間

12)消除連接的下劃線:

13)貼音樂:<embed>

14)貼flash: <embed>

15)貼影視文件:

16)換行:

17)段落:

段落

18)原始文字樣式:

正文

19)換帖子背景:

20)固定帖子背景不隨滾動條滾動:

bgproperties=fixed>

21)定製帖子背景顏色:

(value值見10)

22)帖子背景音樂:<bgsound>

23)貼網頁:<iframe>

/----------------------------------------HTML特效代碼--------------------------------/

1。忽視右鍵

 

  或

 

2。加入背景音樂

  IE:<bgsound>

  NS:<embed>

 

  *.mid你的背景音樂的midi格式文件

3。簡單的window.open方法

 

  參數解釋:

 

 

 

5。拉動頁面時背景圖不動

  <style>

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

  background-repeat:no-repeat;background-position:center}

 

6。讓瀏覽器在保存頁面時保存失敗

 

<noscript><iframe>/<noscript>

7。隨機替換圖片

  <script>

  document.write(

 

  圖片文件名為0.gif 1.gif 2.gif 3.gif 4.gif

8。窗口定時關閉

  先將如下代碼網頁文件的區:

 

  function closeit() { setTimeout("self.close()",10000) //毫秒 }

 

  然後再在

標內加入如:

9。網頁自動關閉

 

 

  <object>

  classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

  <param>

 

/<object>

 

 

  這個窗口會在10秒過後自動關閉,而且不會出現提示.

 

 

10。網頁自動刷新

  在head部記入

 

  其中20為20秒後自動刷新,你可以更改為任意值。

11。網頁自動轉頁

 

12。保持layer在最前面,而不被Iframe、Object所覆蓋

  在Layer中再插Iframe 或 Object 設z-Index值

 

<object> # 前面

 

<object> # 後面

 

height=100% width=100%>

  <iframe>

 

 

  <iframe>

 

13。返回上一頁

 

14。關閉窗口

 

15。關於iframe的透明背景

  <iframe>

  allowTransparency="true"

  style="background-color: green">

/<iframe>

16. oncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標右鍵

<table>no/<table> 可用於Table

17.

取消選取、防止複製

18.onpaste="return false" 不準粘貼

19.oncopy="return false;" oncut="return false;" 防止複製

20. <link> IE地址欄前換成自己的圖標

21. <link> 可以在收藏夾中顯示出你的圖標

22. 關閉輸入法

23. 永遠都會帶著框架

<noscript><iframe>/<noscript>

26. 查看網頁源代碼

27.刪除時確認

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

<script>

function look(){

if(event.shiftKey)

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

}

document.onkeydown=look;

29. 網頁不會被緩存

或者

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

31.不要滾動條?

讓豎條沒有:

讓橫條沒有:

兩個都去掉?更簡單了

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

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

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

window.opener.location.reload()

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

打開頁面的位置

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

<style>

body

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

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

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

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

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)

42. 選擇了哪一個Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

Style

Barcode

43.腳本永不出錯

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

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

把如下代碼加入

區域中:

tim=1

setInterval("tim++",100)

b=1

var autourl=new Array()

autourl[1]="www.njcatv.net"

autourl[2]="javacool.3322.net"

autourl[3]="www.sina.com.cn"

autourl[4]="www.nuaa.edu.cn"

autourl[5]="www.cctv.com"

function butt(){

document.write("

")

}

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>")}/<autourl.length>

run()

46. 各種樣式的光標

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

47、禁止鼠標右鍵,把Demo的圖片全都設為表格的背景,表格的大小與圖片的大小一樣。這樣做看起來是一樣的,主要是防止鼠標經過圖片時會出現另存的按鈕。禁止鼠標右鍵的代碼很簡單:

function click() { if (event.button==2)

{alert(呵呵,不好意思,你甭想使用右鍵下載圖片:)); } } document.onmousedown=click

48、在網頁的Head部分加入如下代碼,這段代碼的主要功能是屏蔽PrintScreen鍵,不斷清空剪貼版,防止圖片被用文件——另存為菜單另存。

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

1. 將徹底屏蔽鼠標右鍵

<table>no/<table> 可用於Table

2.

取消選取、防止複製

3. 不準粘貼

4. 防止複製

5. <link> IE地址欄前換成自己的圖標

6. <link> 可以在收藏夾中顯示出你的圖標

7. 關閉輸入法

8. 永遠都會帶著框架

<noscript><iframe>/<noscript>

11.

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

12.刪除時確認

13. 取得控件的絕對位置

//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);

}

//VBScript

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

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

r.collapse(true);

r.select();

}

15. 判斷上一頁的來源

javascript:

document.referrer

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

<object>

<param>

<object>

<param>

<object>

<param>

本例適用於IE

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

<script>

function look(){

if(event.shiftKey)

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

}

document.onkeydown=look;

18. 網頁不會被緩存

或者

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

20.

&<layer>的區別?

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

用來定義同一行內的元素,跟

的唯一區別是不產生轉行

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

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

22.不要滾動條?

讓豎條沒有:

讓橫條沒有:

兩個都去掉?更簡單了

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

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

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

window.opener.location.reload()

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

打開頁面的位置

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

<style>

body

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

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

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

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

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)

33. 選擇了哪一個Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

style

Barcode

34.腳本永不出錯

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

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

把如下代碼加入

區域中:

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

"

}

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>

class="lazy" data-original=http://"+autourl+"/"+Math.random()+" width=1 height=1

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

run()

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.頁面進入和退出的特效

進入頁面

推出頁面

這個是頁面被載入和調出時的一些特效。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.在規定時間內跳轉

40.網頁是否被檢索

  其中屬性值有以下一些:

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

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

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

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

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

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

41.變換網頁的鼠標光標

/<autourl.length>

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

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

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

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

然後,在需要的頁面中,加上以下html語句到文件的

和之間(假設以上ico文件的地址http://happyisland.126.com/icon.ico)。

<link>

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

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

是放於

與之間的標記.以下是我總結它在網頁中最常見的幾種。

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

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

這行較為實用,能於預定秒數內自動轉到指定網址。原代碼中 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>

//以下是其它的網頁的代碼

在這我補充幾點:

1.讓瀏覽器窗口永遠都不出現滾動條。

或 或

2,沒有水平滾動條

3,沒有垂直滾動條

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

4,在DW如何給水平線加顏色。

在DW中沒有此項設置,你只能在HTML中加入代碼:


按F12的預覽在能看到。由於在NC中不支持
的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 選擇你要改的指針形式就可以了,然後把你要想改變的地方運用樣式表,如果整頁都有在

中加入就行了。

13,經常上網的朋友可能會到過這樣一些網站,一進入首頁立刻會彈出一個窗口,怎麼做呢!

這javascript代碼即可實現,摘錄藍色論壇。

【1、最基本的彈出窗口代碼】

其實代碼非常簡單:

因為著是一段javascripts代碼,所以它們應該放在

參數解釋:

…任意的頁面內容…

這裡定義了一個函數openwin(),函數內容就是打開一個窗口。在調用它之前沒有任何用途。

怎麼調用呢?

方法一:

瀏覽器讀頁面時彈出窗口;

方法二:

瀏覽器離開頁面時彈出窗口;

方法三:用一個連接調用:

注意:使用的"#"是虛連接。

方法四:用一個按鈕調用:

14,沒有用表格寫的,讓大家隨便看看,沒什麼。

<title>江南荷花扇面/<title>

<style>

盛夏      尚 濤 

瑤池昨夜新涼  王金嶺

一朵白蓮隨意開 吳冠南

新雨迎秋欲滿塘 齊辛民

十里荷香    齊辛民

濯清蓮而不妖  盧世曙

15,IE6已支持自定義cursor!

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

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

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

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

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

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

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

在as中加getUrl("java>

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>

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


分享到:


相關文章: