今天是:
首 页
┆
信息查询
┆
网站SEO查询工具
┆
CSS编辑器
┆
建站素材
软件新闻
操作系统
Vista
Winxp
Win2003
Linux
Windows综合
工具软件
系统工具
媒体工具
网络工具
杀毒软件
聊天
软件开发
C教程
C++
Java
C#
ASP.NET
JSP
PHP
数据库
Oracle
MySQL
DB2
SQL Server
Sybase
安全
网络
病毒
办公应用
Word
Excel
Powerpoint
Outlook
其他
平面设计
Photoshop
Fireworks
Coreldraw
Flash
Illustrator
3dsmax
网站运营
网站运营
网站优化
网站策划
策划书下载
建站心得
站长故事
网站盈利
网页制作
网页特效
建站素材
免费资源
QQ频道
当前位置:
首 页
>>
网页特效
>>
页面背景
>> 打雷效果
打雷效果
发布于2005-11-07 19:38 来源:
网海拾贝
<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>打雷效果</TITLE> </HEAD> <BODY > <STYLE>.mainbody { COLOR: #ffffff; FONT-FAMILY: Arial; FONT-SIZE: 12pt; LEFT: 260px; POSITION: absolute; TOP: 100px; WIDTH: 300px } .soundpic { LEFT: -400px; POSITION: absolute; TOP: -400px } A { COLOR: #ff0000; TEXT-DECORATION: underline overline } </STYLE> <script language=javascript> <!-- Beginning of Javascript - var x,y,i var shakestrength=30 var i=shakestrength var vorzeichen=1 function showsoundpic() { if (document.all) { document.all.soundgif1.style.posTop=y-100 document.all.soundgif1.style.posLeft=x shakesound() } if (document.layers) { document.soundgif1.top=y-100 document.soundgif1.left=x shakesound() } } function shakesound() { if (document.all) { if (i > 0) { document.all.soundgif1.style.posTop+=i*vorzeichen document.all.soundgif1.style.posLeft+=i*vorzeichen vorzeichen=vorzeichen*(-1) i-- var timer=setTimeout("shakesound()",50) } else { document.all.soundgif1.style.posTop=-400 document.all.soundgif1.style.posLeft=-400 i=shakestrength clearTimeout(timer) } } if (document.layers) { if (i > 0) { document.soundgif1.top+=i*vorzeichen document.soundgif1.left+=i*vorzeichen vorzeichen=vorzeichen*(-1) i-- var timer=setTimeout("shakesound()",50) } else { document.soundgif1.top=-400 document.soundgif1.left=-400 i=shakestrength clearTimeout(timer) } } } function makesound(soundobj){ showsoundpic() var thissound= eval("document."+soundobj) thissound.play() } function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // - End of Javascript - --> </script> <DIV class=soundpic id=soundgif1><IMG height=300 src=http://www.webasp.net/javascript/1/"../images/682/flash1611.gif" width=400> </DIV> <DIV class=mainbody id=mainbody><A href="http://www.chinawebdev.com" onmouseover="makesound('sound1')" target=_blank>感受一下雷电效果吧</A> </DIV><EMBED height=128 hidden=true name=sound1 src=thunder1611.au width=128 MASTERSOUND autostart="false"> </BODY></HTML>
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! -->
<!-- 要实现此效果需要 1 个步骤: -->
<!-- 第 1 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->
<STYLE>.mainbody {
COLOR: #ffffff; FONT-FAMILY: Arial; FONT-SIZE: 12pt; LEFT: 260px; POSITION: absolute; TOP: 100px; WIDTH: 300px
}
.soundpic {
LEFT: -400px; POSITION: absolute; TOP: -400px
}
A {
COLOR: #ff0000; TEXT-DECORATION: underline overline
}
</STYLE>
<script language=javascript>
<!-- Beginning of Javascript -
var x,y,i
var shakestrength=30
var i=shakestrength
var vorzeichen=1
function showsoundpic() {
if (document.all) {
document.all.soundgif1.style.posTop=y-100
document.all.soundgif1.style.posLeft=x
shakesound()
}
if (document.layers) {
document.soundgif1.top=y-100
document.soundgif1.left=x
shakesound()
}
}
function shakesound() {
if (document.all) {
if (i > 0) {
document.all.soundgif1.style.posTop+=i*vorzeichen
document.all.soundgif1.style.posLeft+=i*vorzeichen
vorzeichen=vorzeichen*(-1)
i--
var timer=setTimeout("shakesound()",50)
}
else {
document.all.soundgif1.style.posTop=-400
document.all.soundgif1.style.posLeft=-400
i=shakestrength
clearTimeout(timer)
}
}
if (document.layers) {
if (i > 0) {
document.soundgif1.top+=i*vorzeichen
document.soundgif1.left+=i*vorzeichen
vorzeichen=vorzeichen*(-1)
i--
var timer=setTimeout("shakesound()",50)
}
else {
document.soundgif1.top=-400
document.soundgif1.left=-400
i=shakestrength
clearTimeout(timer)
}
}
}
function makesound(soundobj){
showsoundpic()
var thissound= eval("document."+soundobj)
thissound.play()
}
function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of Javascript - -->
</script>
<DIV class=soundpic id=soundgif1><IMG height=300 src=http://www.webasp.net/javascript/1/"../images/682/flash1611.gif"
width=400> </DIV>
<DIV class=mainbody id=mainbody><A href="http://www.chinawebdev.com"
onmouseover="makesound('sound1')" target=_blank>感受一下雷电效果吧</A>
</DIV><EMBED height=128 hidden=true name=sound1 src=thunder1611.au width=128
MASTERSOUND autostart="false">
中查找“
打雷效果
”更多相关内容
中查找“
打雷效果
”更多相关内容
上一篇:
简单实用调色板工具
下一篇:
滚动条闪动的控制
最近更新
赞助商
·
让网页背景向下移动
11-28
·
打开网页后定时显示大图片广告然后自动关闭
09-11
·
滚动条闪动的控制
11-07
·
打雷效果
11-07
·
简单实用调色板工具
11-07
·
鼠标放到一色块上后显示颜色的各种表达值..
11-07
·
自己选择背景色
11-07
·
页面上出现满天的星星,效果非常好看的
11-07
·
一个绝对经典的颜色选择器,保证你看了会..
11-07
·
radio颜色选择器
11-07
·
星星从背景中飞出
11-07
共有评论 0 条 网友评分
查看所有评论
发表评论→
学而不思则罔,思而不学则殆,请大胆发表你的见解。
输验证码:
您对此篇文章的评分:1分
2分
3分
4分
5分
热门排行
·
页面上出现满天的星星,..
·
一个绝对经典的颜色选择..
·
鼠标放到一色块上后显示..
·
RGB颜色转换
·
滚动条闪动的控制
·
打雷效果
·
星星从背景中飞出
·
自己选择背景色
·
radio颜色选择器
·
简单实用调色板工具
最新推荐
站内搜索
关键词
搜索方式
全部
文章内容
文章标题
文章作者
搜索范围
所有栏目
生活休闲
软件开发
站内新闻
幽默笑话
软件新闻/评测/业界动态
文摘欣赏
QQ新闻/技巧
C#教程
网站建设
服务器综合
免费资源
建站心得
网站策划
QQ空间大图模块
QQ宠物
平面设计
PHOTOSHOP
FIREWORKS
CORELDRAW
FLASH
网页制作
Dreamweaver
Javascript/Ajax
HTML/Xhtml
CSS教程
ASP.NET教程
JSP教程
SQLServer
XML教程
QQ频道
LOGO制作
QQ头像
QQ表情
矢量素材
暴笑男女
校园篇
爱情篇
名人篇
电脑IT篇
QQ皮肤
程序人生
网站优化
数据库栏
ACCESS
MySQL
Oracle
Foxpro
PowerBuilder
Sybase
PHP教程
站长故事
网站盈利
网站运营
网页特效
日期时间
页面背景
页面导航
页面特效
图形图象
按钮特效
鼠标事件
浏览窗口
文本特效
状态栏类
表单操作
计数计算
技 巧 类
联络聊天
操作系统
Win2003
WinXP
Win2000
Linux
FreeBSD
注册表
Windows综合
工具软件
系统工具
媒体工具
压缩工具
图文处理
文件管理
其他工具
认证考试
微软认证
Cisco认证
Macrmedia认证
Adobe 认证
软件水平考试
全国等级考试
QQ游戏
java教程
C++教程
ASP教程
QQ工具
网络工具
Vista
办公应用
Word教程
Excel教程
Powerpoint教程
Outlook教程
排版软件
办公软件其他
建站素材
字体下载
网页模版
png图标素材
C教程
Golive教程
数据库开发
psd分层素材
网页背景素材
常用代码
其它
网络应用
病毒防治
网络安全
网络知识
服务器
网站策划书下载
QQ空间制作代码
MacOSX
心得技巧
QQ个性繁体/资料/签名
3D教程
矢量教程
Delphi教程
ImageReady
DB2
Illustrator
QQ空间flash
QQ空间视频模块
杀毒软件
QQ空间素材
Windows Server 2008
导航菜单
精确匹配
网站首页
-
关于本站
-
网站地图
-
广告合作
-
站点声明
-
RSS订阅
-
联系我们
Copyright © 2005
网海拾贝
.
[新ICP备05003216号]
. All Rights Reserved .