分享

html5实例:相当漂亮的幻影特效的导航窗的综合应用代码

 163九九 2018-01-11

读:三零()小编琪琪接下来为你介绍一下关于综合应用的技巧,希望对您有帮助。那么下面我们一起看看,具体内容所述如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<html>
<title>相当漂亮的幻影效果的导航窗</title>
<body onLoad="initiate()">
<script LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -
// Your messages. Add as many as you like
var message=new Array()
message[0]="欢迎光临国内最大的新闻站点---新浪网!"
message[1]="欢迎光临国内综合<a href="http://www./list-4.html" target="_blank"><u>网页特效</u></a>站点---三零网!"
message[2]="欢迎光临国内最大的综合性站点---网易!"
message[3]="欢迎光临国内最大的搜索引擎站点---搜狐!"
// the URLs of your messages
var messageurl=new Array()
messageurl[0]="http://www.sina.com.cn/"
messageurl[1]="http://www./"
messageurl[2]="http://www.163.com/"
messageurl[2]="http://www.sohu.com/"
// the targets of the links
// accepted values are '_blank' or '_top' or '_parent' or '_self'
// or the name of your target-window (for instance 'main')
var messagetarget=new Array()
messagetarget[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_blank"
// the text of your links. In this sample it's the word 'more'
var linktext="去看看"
// font-size
var fntsize=11
// font-color
var fntcolor="FFFF00"
// font-family
var fntfamily="Verdana"
// font-weight: 1 means bold, 0 means normal
var fntweight=0
// standstill of each image(seconds)
var pause=3
var backgroundcolor="444444"
// horizontal position of the slideshow (distance to the left margin of the browser-window, pixels)
var posleft=5
// vertical position of the slideshow (distance to the top margin of the browser-window, pixels)
var postop=5
// width of the textbox (pixels)
var scrollerwidth=200
// height of the textbox (pixels)
var scrollerheight=150
// width of the border (pixels)
var scrollerborder=2
// width of the textpadding (pixels)
var textpadding=15
// do not edit the variables below
var textwidth=scrollerwidth-(2*textpadding)
var textcontent=""
var bgcontent=""
var I_message=0
var I_stepwave=0
var I_maxstepwave=20
pause=pause*1000
if (fntweight==1) {fntweight="700"}
else {fntweight="100"}
function initiate() {
gettextcontent()
getbgcontent()
if (document.all) {
wavemessage.innerHTML=textcontent
wavemessagebg.innerHTML=bgcontent
wavemessagebg.style.posLeft=posleft
wavemessagebg.style.posTop=postop
wavemessage.style.posLeft=posleft+textpadding
wavemessage.style.posTop=postop+textpadding
enlargewave()
}
if (document.layers) {
document.wavemessage.left=posleft+textpadding
document.wavemessage.top=postop+textpadding
document.wavemessagebg.document.write(bgcontent)
document.wavemessagebg.document.close()
document.wavemessagebg.left=posleft
document.wavemessagebg.top=postop
changemessage()
}
}
function enlargewave() {
if (I_stepwave<=I_maxstepwave) {
wavemessage.filters.wave.phase=I_stepwave
wavemessage.filters.wave.strength=I_stepwave
wavemessage.filters.wave.lightstrength=I_stepwave
wavemessage.filters.wave.freq=I_stepwave
I_stepwave++
var timer=setTimeout("enlargewave()",50)
}
else {
clearTimeout(timer)
changemessage()
}
}
function reducewave() {
if (I_stepwave>0) {
wavemessage.filters.wave.phase=I_stepwave
wavemessage.filters.wave.strength=I_stepwave
wavemessage.filters.wave.lightstrength=I_stepwave
wavemessage.filters.wave.freq=I_stepwave
I_stepwave--
var timer=setTimeout("reducewave()",50)
}
else {
clearTimeout(timer)
var timer=setTimeout("enlargewave()",pause)
}
}
function changemessage() {
I_message++
if (I_message>=message.length) {I_message=0}
gettextcontent()
if (document.all) {
wavemessage.innerHTML=textcontent
reducewave()
}
if (document.layers) {
document.wavemessage.document.write(textcontent)
document.wavemessage.document.close()
var timer=setTimeout("changemessage()",pause)
}
}
function gettextcontent() {
textcontent="<span style='font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+";width:"+textwidth+"px'>"
textcontent+="<font color="+fntcolor+">"+message[I_message]+"</font> "
textcontent+="<a href="+messageurl[I_message]+" target="+messagetarget[I_message]+">"
textcontent+="<br><br><font color="+fntcolor+">"+linktext+"</font></a></span>"
}
function getbgcontent() {
bgcontent="<table width="+scrollerwidth+" height="+scrollerheight+" border="+scrollerborder+"><tr><td bgcolor="+backgroundcolor+"> </td></tr></table>"
}
// - End of JavaScript - -->
</script>
<div ID="wavemessagebg" style="position:absolute;">
</div>
<div ID="wavemessage" style="position:absolute; filter:wave()">
</div>
<div id="deletethisblock" style="position:absolute;top:5px;left:220px;">
</div>
</body>
</html>
<p align="right">本特效由 <a href="http://www.">三零网</a>丨 收集于互联网,只为兴趣与学习交流,不作商业用途。</p>

结语:以上就是分享给大家的综合应用内容了,希望大家多多支持三零网站。更多知识点,可以能过本站网页顶端的搜索或进入相关专题,如果有任何疑问都可以一起留言交流。

延伸阅读:
·html5实例:CSS+JS实现的好玩的2D桌球游戏的综合应用代码
·html5实例:超简单的JS获取当前页面的网址的综合应用代码
·html5实例:JS动画测试:透明度渐变、位置移动、尺寸变化的综合应用代码
·html5实例:JS询问确认程序对话框,改进版的“你好”程序的综合应用代码
·html5实例:纯CSS代码表现一座漂亮的房子的特效的综合应用代码
·html5实例:非常不错的评分特效的综合应用代码
·html5实例:JS配合CSS实现的个性漂亮滚动条的综合应用代码
·html5实例:用一款按钮把输入框中一段英文的首字母全部大写的综合应用代码
·html5实例:漂亮的加入收藏夹和收藏到网摘特效的综合应用代码
·html5实例:颜色选择程序脚本,鼠标指向即显示颜色代码的综合应用代码

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多