發新話題

詳細講解HTML的BODY標記的內部參數

詳細講解HTML的BODY標記的內部參數

詳細講解HTML的BODY標記的內部參數

<body
bgcolor="#3366cc" ----------背景顏色
topmargin=0 leftmargin=0 ----------網頁內容上/左邊界為0
oncontextmenu="return false" ----------鼠標右鍵限制
ondragstart="return false" ----------禁止移動
onselectstart="return false" ----------禁止選擇
oncopy="return false;" ---------- 禁止拷貝
onpaste="return false" ---------- 禁止粘貼
oncut="return false;" ----------禁止剪切
scroll=no ----------網頁滾動條限制
style="overflow:scroll;overflow-y:hidden;overflow-x:hidden;"----------定義滾動條的豎向橫向掩藏。
style="cursor:move"> ----------網頁鼠標樣式選擇
複製內容到剪貼板
代碼:
<body bgcolor="#3366cc" topmargin=0 leftmargin=0 oncontextmenu="return false" ondragstart="return false" onselectstart="return false" style="cursor:move" scroll=no>
<p><center><font color=#ffffff>www.webjx.com</font></center>
一般而言,鼠標以斜向上的箭頭顯示,移到文本上時變為有頭的豎線,移到超級鏈接上變為手型。但用css可控制鼠標的顯示效果,如可使鼠標移到普通文本上也顯示成手型。用css控制的語法如下:
複製內容到剪貼板
代碼:
<span style="cursor:*">文本或其它頁面元素</span>
註:其中的span可以是其他的標記,如:p、font、div等。
把 * 換成如下16個效果的一種:hand,text,wait等等。
下面是對這16種效果的解釋。移動鼠標到解釋上面,看看你的鼠標起了什麼變化吧!
hand是手型
crosshair是十字型
text是移動到文本上的那種效果
wait是等待的那種效果
default是默認效果
help是問號
e-resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w-resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto是由系統自動給出效果
move是移動時的效果

「*」還可以是鼠標圖片的文件地址。

Step1,做個圖標arrow_r.cur
Step2,CSS中BODY {cursor: url("arrow_r.cur"), url("arrow_r.cur"), default; }
Step3,頁面中連接CSS<link rel="stylesheet" type="text/css" href="site.css">

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。