當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

頁面效果集合

頁面效果集合

更新時間:2020-12-23 文章作者:未知 信息來源:網絡 閱讀次數:

網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。
1。忽視右鍵
<body oncontextmenu="return false">或<body style="overflow-y:hidden">

2。加入背景音樂
IE:<bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true></embed>
*.mid你的背景音樂的midi格式文件 

3。簡單的window.open方法
  <a href="#" 
onclick="javascript:window.open('文件路徑/文件名','newwindow',
'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300');">文字或圖片</a>

參數解釋:
<SCRIPT LANGUAGE="javascript"> js腳本開始;
window.open 彈出新窗口的命令;
'文件路徑/文件名'' 彈出窗口的文件名;
'newwindow' 彈出窗口的名字(不是文件名),非必須,可用空''代替;
width=400 窗口寬度;
height=300 窗口高度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側的象素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態欄內的信息(通常是文件已經打開),yes為允許;
</SCRIPT> js腳本結束

4。簡單的頁面加密
<script LANGUAGE="JAVASCRIPT">
<!--
function loopy(){
var sWord ="";
while(sWord!="login"){sWord=prompt("請輸入你的登陸密碼");}
alert("登陸成功!");
}
loopy()
//-->
</script> 

5。拉動頁面時背景圖不動
<style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center}
</style> 

6。讓瀏覽器在保存頁面時保存失敗
<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT> 

7。隨機替換圖片
<script>
document.write('<img src="img/'+parseInt(Math.random()*(5))
+'.gif"height="40" width="50">')
</script>

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

8。窗口定時關閉 
先將如下代碼網頁文件的區:
<script language="JavaScript">
function closeit() { setTimeout("self.close()",10000) //毫秒 }
</script>
然后再在<body>標內加入如:<body onload="closeit()">  

9。網頁自動關閉
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout('closes.Click()',10000)">
這個窗口會在10秒過后自動關閉,而且不會出現提示.
</body>
</html>  

10。網頁自動刷新
在head部記入
<META HTTP-EQUIV="Refresh" content="20">
其中20為20秒后自動刷新,你可以更改為任意值。  

11。網頁自動轉頁
<META HTTP-EQUIV="Refresh" CONTENT="時間(秒);URL=地址"> 

12。保持layer在最前面,而不被Iframe、Object所覆蓋
  在Layer中再插Iframe 或 Object 設z-Index值
<div z-Index:2><object xxx></object> # 前面
<div z-Index:1><object xxx></object> # 后面
<div id="Layer2" style="position:absolute; top:40;width:400px;
height:95px;z-index:2"> height=100% width=100%>
<iframe width=0 height=0></iframe>
</div>
<div id="Layer1" style="position:absolute; top:50;width:200px;
height:115px;z-index:1">
<iframe height=100% width=100%></iframe>
</div>  

13。返回上一頁
<a href='javascript:history.back(1)'>『返回上一頁』</a> 

14。關閉窗口
<a href='javascript:self.close()'>『關閉窗口』</a> 

15。關于iframe的透明背景
<IFRAME ID="iFrame1" SRC="iframe.htm" 
allowTransparency="true" 
STYLE="background-color: green"></IFRAME> 
大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品