廣告廣告
  加入我的最愛 設為首頁 風格修改
首頁 首尾
 手機版   訂閱   地圖  簡體 
您是第 6421 個閱讀者
 
發表文章 發表投票 回覆文章
  可列印版   加為IE收藏   收藏主題   上一主題 | 下一主題   
紫龍
個人頭像
個人文章 個人相簿 個人日記 個人地圖
小人物
級別: 小人物 該用戶目前不上站
推文 x10 鮮花 x110
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片
推文 x0
[JScript][教學] [範例]網頁特效
在網頁增加美美的特效



<SCRIPT language=JavaScript>
<!--
var number =12
var speed = 50
var maximg =2
var act = new Array(),positionX = new Array(),positionY = new Array()
var moveX = new Array(),moveY = new Array()
var j = maximg
img = new Array()
img[0] = "1.gif"
img[1] = "2.gif"
img[2] = "3.gif"
for (var i = 0; i < number ;++ i) {
act = 0
positionX = Math.random()*document.body.clientWidth-50
positionY = Math.random()*document.body.clientHeight
moveX = 0.1 + Math.random()/100
moveY = 0.1 + Math.random()*3
if (i == 0)
{
document.write("<div id=\"fly"+ i +"\" style=\"POSITION] + "\" border=\"0\"></div>")}
else {
document.write("<div id=\"fly"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible\"><img src=\"" + img[j] + "\" border=\"0\"></div>")}
if (j == 0) { j = maximg }
else { j -= 1 }
}
function gofly() {
for (var i = 0; i < number ;++ i) { // iterate for every fly
positionY -= moveY
act += moveX
document.all["fly"+i].style.pixelTop = positionY+ Math.cos(act)*positionY/15
document.all["fly"+i].style.pixelLeft = positionX + Math.sin(act)*positionX/50
if (positionY < 0) {
moveX = 0.1+ Math.random()/100
moveY = 0.1 + Math.random()*3
positionX = Math.random()*document.body.clientWidth-50
positionY = document.body.clientHeight
}
}
setTimeout("gofly()", speed)
}
gofly()
-->
</SCRIPT>

在 var number =12 中修改圖片出現的數量
在 var speed = 50 中修改變換的速度
在 var maximg =2 中修改圖片的數量(真實數量-1)
自行修改圖片的名稱或路徑


[ 此文章被codeboy在2004-12-11 01:02重新編輯 ]



聊天聊人不聊名--交友網友我最愛
紫龍號稱一條龍--號稱古來最可愛

獻花 x0 回到頂端 [樓 主] From:台灣 | Posted:2002-11-13 06:43 |
gala03270327
數位造型
個人文章 個人相簿 個人日記 個人地圖
路人甲
級別: 路人甲 該用戶目前不上站
推文 x0 鮮花 x0
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

有看必回~~
感謝大大低分享歐~


獻花 x0 回到頂端 [1 樓] From:未知地址 | Posted:2004-08-06 02:07 |
myksm 手機
數位造型
個人文章 個人相簿 個人日記 個人地圖
初露鋒芒
級別: 初露鋒芒 該用戶目前不上站
推文 x0 鮮花 x50
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

這是哪種特效ㄚ 看不出來


http://0rz.n...70JY <<filefront&愛的機器教學>>
喜歡我文章 就麻煩你獻花(免錢) 這是讓我繼續分享的原動力

獻花 x0 回到頂端 [2 樓] From:未知地址 | Posted:2004-09-28 22:07 |
阿揚
數位造型
個人文章 個人相簿 個人日記 個人地圖
路人甲
級別: 路人甲 該用戶目前不上站
推文 x0 鮮花 x0
分享: 轉寄此文章 Facebook Plurk Twitter 複製連結到剪貼簿 轉換為繁體 轉換為簡體 載入圖片

就一堆圖檔在頁面上漂的怪特效


獻花 x0 回到頂端 [3 樓] From:未知地址 | Posted:2004-10-03 15:26 |

首頁  發表文章 發表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.067851 second(s),query:16 Gzip disabled
本站由 瀛睿律師事務所 擔任常年法律顧問 | 免責聲明 | 本網站已依台灣網站內容分級規定處理 | 連絡我們 | 訪客留言