广告广告
  加入我的最爱 设为首页 风格修改
首页 首尾
 手机版   订阅   地图  繁体 
您是第 6418 个阅读者
 
发表文章 发表投票 回覆文章
  可列印版   加为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.065030 second(s),query:16 Gzip disabled
本站由 瀛睿律师事务所 担任常年法律顾问 | 免责声明 | 本网站已依台湾网站内容分级规定处理 | 连络我们 | 访客留言