html提供的常用的页面交换元素有哪些,一些常用网页制作代码收集汇总
〈A href="mailto:e3i5@e3i5.net?subject=主題"〉……〈/a〉
004.定義本網頁關鍵字,可以在〈Head〉〈/Head〉中加入如下代碼:
〈meta name="Keywords" content="山水天下"〉
Content 中所包含的就是關鍵字,你可以自行設置。
這里有個技巧,你可以重復某一個單詞,這樣可以提高自己網站的排行位置,如:
〈meta name="Keywords" content="山水天下"〉
005.添加到收藏夾:
〈a href="java script:window.external.addFavorite(http://www.cdlycm.com,'http://www.cdlycm.com);"〉添加到收藏夾〈/a〉
006.設為首頁:
〈a href=# οnclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.cdlycm.com);〉設為首頁〈/a〉
007.定制瀏覽器地址欄前的小圖標:
A:在網頁的〈head〉〈/head〉間加入以下語句:
〈link rel="shortcuticon" href="http://…/icon.ico"〉
即可。其中 icon.ico 為 16x16 的圖標文件,顏色不要超過 16 色。
008.表格的分隔線可以隱藏
009.表格的邊框不斷在閃
以下方法可以令表格的邊框不斷在閃,很實用的
在BODY區加上
style="border:5px solid yellow">
加入任意的物件.加入任意的物件.
加入任意的物件.加入任意的物件.
加入任意的物件.加入任意的物件.
010.普通表格
| 普通表格 |
012.正立方表格
bordercolordark="#000000" style="position: absolute; left: 10; top:
49" height="26">
正立方表格013.細表格
bgcolor="#000000" cellspacing="1" cellpadding="0"
height="22" style="position: absolute; left: 11; top: 86">
細表格014.立體表格
bordercolordark="#ffffff" style="position: absolute; left: 10; top:
112" height="34">
bordercolorlight="#000000" bordercolordark="#eeeeee" >立體表格
015.無名表格
無名表格 |
016.表中表效果Ⅱ
align="center"> 表中表效果Ⅱ frame="hsides" border="1" bordercolorlight="#000000" bordercolordark="#ffffff" width="100%" cellspacing="1" cellpadding="0" height="78"> |
018表中表效果Ⅰ
cellpadding="0">
表中表效果Ⅰ019.表格中邊框的顯示
只顯示上邊框
只顯示下邊框
只顯示左、右邊框
只顯示上、下邊框
只顯示左邊框
只顯示右邊框
不顯示任何邊框
020.將徹底屏蔽鼠標右鍵,無右鍵菜單
也可以用于網頁中Table框架中
021.取消選取、防止復制
022.不準粘貼
023.防止復制
024.IE地址欄前換成自己的圖標
說明:關于favicon.ico文件的制作。你可以先在FW中做一個圖片,屬于你自己站點一個小圖標。然后在ACD see將文件屬性改為*.ico,然后將你做的*.ICO文件傳到你的服務器目錄中,然后就可以使用以上代碼來實現,當別人登陸你的站點時,地址欄里使用的就是你自定義的圖標了。很PP哦。
025.可以在收藏夾中顯示出你的圖標
說明:制作方法和上面的一樣。只是顯示的方式不同,這個是在別人收藏你的網頁地址時顯示的個性圖標。也很PP.
026關閉輸入法
說明:這段代碼是在表格提交時用到的。也就是在輸入數據時不可以使用其他輸入法模式。
027.永遠都會帶著框架
if (window == top)top.location.href = "frames.htm";// -->
說明:frames.htm為你的網頁,這也是保護頁面的一種方法
028.防止被人frame
if (top.location != self.location)top.location=self.location;
// -->
029.網頁將不能被另存為
說明:的用法很廣,其中一條就是可以使JS廣告失效。
030.查源文件
οnclick="window.location = 'view-source:'+ http://www.cdlycm.com/index.htm';">
031.COOKIE腳本記錄,有很大的用處哦function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = documents.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
documents.cookie="popped=yes"
}
}
說明:以上是JS代碼,請自己加起始符和結束符
032.內框架使用Iframe標記的使用格式是:
name="main">
src:文件的路徑,既可是HTML文件,也可以是文本、ASP等; width、height:"內部框架"區域的寬與高;
scrolling:當SRC的指定的HTML文件在指定的區域不顯不完時,滾動選項,如果設置為NO,則不出現滾動條;如為Auto:則自動出現滾動條;如為Yes,則顯示; FrameBorder:區域邊框的寬度,為了讓“內部框架“與鄰近的內容相融合,常設置為0。
name:框架的名字,用來進行識別。
比如: 當你想用父框架控制內部框架時,可以使用: target="框架的名字"來控制。
例子:
033.自動跳轉在源代碼中的
…加入如下代碼:說明:content="3 表示3秒刷新到URL
034.如何改變鏈接的鼠標形狀
只需在鏈接上加上這一代碼就行的了
或者跟上面的用CSS寫也行
style="cursor:hand" style="cursor:crosshair"
style="cursor:text" style="cursor:wait"
style="cursor:move" style="cursor:help"
style="cursor:e-resize" style="cursor:n-resize"
style="cursor:nw-resize" style="cursor:w-resize"
style="cursor:s-resize" style="cursor:se-resize"
style="cursor:sw-resize"
以上代碼你只需要加到連接或是頁面的style區里就可以實現鼠標多樣化。
035.全屏顯示
把它放到
區中。036.這里是加入收藏夾的代碼加入收藏夾
037.flash圖片效果以下代碼加入
區域以下代碼加入
區域//圖片地址請自己改
038.背景圖片滾動
var backgroundOffset = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {backgroundOffset = backgroundOffset + 1;
if (backgroundOffset > maxSize) backgroundOffset = 0;
bgObject.style.backgroundPosition = "0 " + backgroundOffset;}
var ScrollTimer = window.setInterval("scrollBG(410)", 20)
039.滾動特效
歡迎光臨山水天下
我們地址http://www.cdlycm.com
040.讓背景圖不滾動
IE瀏覽器支持一個 Body 屬性 bgproperties,它可以讓背景不滾動:
〈Body Background="圖片文件" bgproperties="fixed"〉
041.讓你的網頁無法另存為
042.讓IFRAME框架內的文檔的背景透明
043.禁止右鍵:
044.進入頁面后立即自動刷新?
http://www.cdlycm.com,這是你自己的網址。
045.隱藏IFRAME的滾動條三種方法:
1. 設置iframe scrolling="no"
2. 被包含頁body應用overflow:hidden
3. 被包含頁的body標簽加scroll="no"
046.加入背景音樂
只適用于IE
對Netscape ,IE 都適用
047.滾動
048.細線分隔線
總結
以上是生活随笔為你收集整理的html提供的常用的页面交换元素有哪些,一些常用网页制作代码收集汇总的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html隐藏元素的方式,Web前端:CS
- 下一篇: 炫酷背光文字html,详细PS教程大放送