HTML爱情许愿树中的文字效果是怎么制作的

HTML爱情许愿树中的文字效果是怎么制作的,第1张

<HTML><HEAD><TITLE>爱情许愿树,情人好运!</TITLE>

<META content="text/htmlcharset=gb2312" http-equiv=Content-Type>

<STYLE type=text/css>TD {

FONT-SIZE: 14pxLINE-HEIGHT: 28px

}

</STYLE>

<META content="Microsoft FrontPage 5.0" name=GENERATOR>

<bgsound src="fallingstar.mid" loop="-1">

</HEAD>

<BODY topmargin=0 bgcolor="#090808" text="#FFFFFF" link="#FFFFFF" vlink="#A2A2A2" alink="#FFFFFF" background="jw.gif" bgproperties="fixed">

<SCRIPT language="vbscript">

num=4

msgbox "进入页面前,请一定照着提示上说的回答,可不要乱写,不然的话会让测试不准确的!切记!现在放松一下,记住,写的时候应该完全是你的第一直觉!!!"

msgbox"这个测试源于印度的一个神秘的密教经典,当时发现它的人按照它说的做了,结果他的愿望在10分钟内就实现了!"

msgbox"这是一个非常奇妙的测试,不知道你做过没有,最好没有旁观者!我做了,非常准确,想不信邪都难!"

y1 = inputbox("1.请输入你一个异性朋友的名字","")

y2 = inputbox("2.请再输入你一个异性朋友的名字","")

t1 = inputbox("3.输入你一个同性朋友的名字","")

t2 = inputbox("4.输入你第二个同性朋友的名字","")

t3 = inputbox("5.再次输入你一个同性朋友的名字","")

m1 = inputbox("6.输入一首你喜欢的歌的名字","")

m2 = inputbox("7.输入另外一首歌的名字","")

m3 = inputbox("8.再输入一首歌的名字 请不要急躁,保持轻松的心态","")

m4 = inputbox("9.最后输入一首喜欢的歌名字","")

num = inputbox("10.输入一个你喜欢的幸运数字","")

wish = inputbox("11.许下一个你的愿望","")

num=num *4

</script>

<SCRIPT language="vbscript">

aa=""

aa=aa+"<div id=ww0 style='DISPLAY: none'><TABLE align=center border=0 width='90%'><TBODY><TR><TD>在你心中" + y1 + " 占据着最重要的位置,你对 " + y1 + " "

aa=aa+"的感觉用 " + m1 + " 这首歌来形容再好不过了。你相信这是上天安排的缘分,因为你深深的爱着"

aa=aa+" " + y1 + " "

aa=aa+"。 对于 " + y2 + " "

aa=aa+",也许是宿命吧,虽然你也喜欢 " + y2 + " "

aa=aa+",但是你们注定不可能在一起,就象 " + m2 + " "

aa=aa+"中唱的一样。<p>" + t1 + " "

aa=aa+"是最关心你的人,而 " + t2 + " "

aa=aa+"是最了解你的人,你们两个在一起会彼此有知己的感觉。 " + t3 + " "

aa=aa+"是你的幸运星,也许会给你带来好运气的哦~!~!~! <p align='left'>" + m3 + " "

aa=aa+"这首歌最能代表你现在的想法。 " + m4 + " "

aa=aa+"这首歌代表你对生活的感受。 把本页推荐给你的 " + cstr(num) + " "

aa=aa+"个朋友,你的愿望--- " + wish + " 就会实现,信不信由你!<br>"

aa=aa+"<br><b><font color=#FF0000>不要把这个心愿放在心里。否则这个心愿会在96小时后离开你。<br>将本页发给你的网友。<br>"

aa=aa+"让您的好友也来许愿,看看会发生什么?<br>在今后的四天里,你会收到一个令你高兴的惊喜。<br>好的东西记得与朋友分享噢!<br></font></b><br>"

aa=aa+"<font color=#276BD1>0-10 人: 你会经历一个小小的变化。<br>11-19 人: 你的生活会按照你期望的方向改进。<br>20-30 人: 在今后4天,你至少得到5个快乐的惊喜。<br>30 人以上:你的生活会发生惊人的变化,你的美梦将会成真。</font></p></TD></TR></TBODY></TABLE></div>"

document.write(aa)

</script>

在下研究了一下源代码,渗透到了服务器找了一下:

并强行爆破了一下

最终发现,这是引入了Font Awesome图标,并启用css3动画所制成的

原理为:

用Font Awesome引入一个心形,并用css设置为红色,再用css3关键帧动画使其放大缩小

这是从官网瓢来的源代码:(请确认已引入Font Awesome)

<i class="fa fa-heart" style="font-size:48pxcolor:redanimation:iconAnimate 5s"></i>

css3代码如下

@keyframes iconAnimate {

0%, 100% {

transform: scale(1)

}

10%, 30% {

transform: scale(0.9)

}

20%, 40%, 60%, 80% {

transform: scale(1.1)

}

50%, 70% {

transform: scale(1.1)

}

}

许愿树位于香港新界大埔林村,是香港著名的许愿胜地1,坐落于村内建于清朝乾隆年间的天后庙侧。 许愿树是两棵大榕树。两树被当地村民视为神灵,并在其根部燃点香烛冥镪祈褔许愿。后来,人们还制作宝牒,写上愿望,并将其系上重物(早年用石头,近年已改用橙),然后在诚心向树许愿后便将其抛上树干,不跌下来者代表愿望可成真。这个习俗广传开去,吸引了很多香港居民甚至外地游客来到林村许愿树许愿,以农历新年期间的人流最旺。由于许愿树经常受到宝牒缠绕,使其变得相当脆弱。2005年2月12日,其中一棵许愿树终于不胜负荷,其中一条主干塌下,导致多人受伤。其后当局明令禁止抛宝牒上树干,改设木制的许愿架供游人挂上宝牒,使许愿树能够休养生息。然而,仍有少量游客不理会这个劝喻,仍然将宝牒抛上许愿树。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7061079.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存