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

頁面圖片特效小技巧

頁面圖片特效小技巧

更新時間：2019-05-25 文章作者：未知 信息來源：網絡 閱讀次數：次

網站建設是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。

    這幾個網頁圖片特效小技巧基本主要利用了一些鼠標控制語句、css濾鏡代碼，加上簡單的javascript語句實現的，簡單有趣，可以作為幫助一些朋友javascript入門的小例子。<BR><BR>　　<STRONG>圖片循環漸顯漸隱</STRONG> <BR><BR>　　效果描述：圖片循環漸顯漸隱……<BR><BR>　　實現方法：<BR><BR>　　1、把如下代碼加入＜body＞區域中： </FONT><XMP><img src="http://www.okasp.com/techinfo/image1.gif" name="u" border=0
alt="Image" style="filter:alpha(opacity=0)">

<script language="JavaScript">
var b = 1;
var c = true;
function fade(){
　　if(document.all);
　　　　if(c == true) {
　　　　　　b++;
　　}
　　if(b==100) {
　　　　b--;
　　　　c = false
　　}
　　if(b==10) {
　　　　b++;
　　　　c = true;
　　}
　　if(c == false) {
　　　　b--;
　　}
　　u.filters.alpha.opacity=0 + b;
　　setTimeout("fade()",50);
}
</script> </XMP>　　2、把＜body＞改為： <XMP><body bgcolor="#ffffff" onLoad="fade()"> </XMP>　　注：圖片的文件名及路徑可以自行修改。 <BR><BR>　　<STRONG>禁止圖片下載<BR><BR></STRONG>　　效果描述：設置某一圖片禁止下載，鼠標移動到圖片上面時將會給出提示，此方法治標不治本，只能騙騙菜鳥。 <BR><BR>　　實現方法： <XMP><A HREF="javascript:void(0)" onMouseover="alert('對不起,此圖片不能下載!')">
<IMG SRC="http://www.okasp.com/techinfo/2.gif" Align="center" Border="0" width="99" height="50"></A> </XMP>　　注：圖片的文件名及路徑可以自行修改。<BR>

大多數人在上網的時候，都會瀏覽網頁提供給我們的信息。

溫馨提示：喜歡本站的話，請收藏一下本站！

本類教程下載

系統下載排行

亚洲嫩草影院久久精品