这篇文章介绍了超文本标记语言中用射流研究…实现旋转的圣诞树,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
!DOCTYPE HEML公共
超文本标记语言
头
meta charset='utf-8 '
标题
来自ZXW-NUDT
/标题
风格
正文{text-align:居中}
html,正文
{
宽度:100%;
身高:100%;
边距:0;
填充:0;
边框:0;
}
差异
{
边距:0;
填充:0;
边框:0;
}。航行
{
位置:绝对;
top:0;
左:0;
宽度:100%;
高度:27px
背景色:白色;
颜色:黑色;
文本对齐:居中;
行高:25px
}
a
{
颜色:黑色;
文字-装饰:无;
底部边框:1px虚线黑色;
}
答:悬停
{
边框-底部:1px纯红;
}。以前的
{
浮动:左;
左边距:10px
}。然后
{
浮动:对;
右边距:10px
}。绿色的
{
颜色:绿色;
}。红色
{
颜色:红色;
}
文本区域
{
宽度:100%;
身高:100%;
边框:0;
填充:0;
边距:0;
填充-底部:20px
}。块外
{
浮动:左;
宽度:22%;
身高:100%;
填充:5px
边框-左侧:1px纯黑;
边距:30px 3px 3px 3px
}。内部块
{
身高:68%;
}。一个
{
边框:0;
}
/风格
/头
正文边距宽度=“0”边距高度=“0”
画布id='c '高度='356 '宽度='446 '
脚本
var collapsed=true
功能切换()
{
var fs=top。文档。getelementsbytagname(' frameset ')[0];
var f=fs。getelementsbytagname(' frame ');
如果(折叠)
{
fs.rows='250px,* ';
fs.noResize=false
f[0].noResize=false
f[1].noResize=false
}
其他
{
fs.rows='30px,* ';
fs.noResize=true
f[0].noResize=true
f[1].noResize=true
}
崩溃了=!崩溃了;
}
/脚本
脚本
var b=document.body
var c=文档。getelementsbytagname(' canvas ')[0];
var a=c .获取上下文(' 2d ');
文档。身体。客户端宽度;
/脚本
脚本
m=数学;
q=m . randomj=[];
U=16
T=M.sin
e=m . sqrt
for(O=k=0;x=z=j=i=k200)
用(M[k]=k?克隆节点(0):c)
{
宽度=高度=k?32:W=446;
with(getContext('2d '))
如果(k10|!k)
对于(
font='60px影响,
v=' rgba(';I=i*U,fillStyle=k?k==13?五' 205,205,215,15 ':
V (147 I)','(k%2?128 I:0)','我',5)':'#cca ',i7;)
beginPath(fill(arc(U-i/3,24-i/2,k==13?4-(i )/2:8-i,0,M* 2,1)));
else for(;
x=T(i),
y=Q()*2-1,
D=x*x y*y,
b=E(D-x/)。9-1.5 * y ^ 1),
R=67*(B 1)*(L=k/9 .8)1,
I W;
)
if(D1)
beginPath(strokeStyle=V R ','(R B*L0)',40,1)'),
moveTo(U x*8,U y*8),
lineTo(U x*U,U y*U),
笔画();
对于(
y=H=k E(k )*25,
r=Q()* W;
P=3,jH;)
J[O ]=[
x=T(R)*P Q()*6-3,y=Q()*U-8,
z=T(R-11)*P Q()*6-3,
j/H*20 ((j=U)HQ().8?Q(P=9)*4:0)1]
}
设置间隔(函数G(m,l)
{
a=T(D-11);
如果(l)
返回(
m[2]-l[2])* A(l[0]-m[0])* T(D);
a.clearRect(0,0,W,W);
j。排序(G)和:
对于(
I=0;
l=J[I];
a.drawImage(M[L[3] 1],207 L[0]*A L[2]*T(D)0,L[1]1))
{
如果(i==2e3)
答。填充文本
('圣诞快乐!',U,345);
如果(!(我%7))
a.drawImage(M[13],
((157*(i*i) T(D*5 i*i)*5)%W)0,
((113 * I(D * I)/60)%(290 I/99))0);
}
D=.02
},1)
/脚本
/body
/html
关于加上背景音乐的事情假设和本超文本标记语言文件有个文件夹名字是音乐,文件夹下有个音频文件是音乐。mp3。那么代码应该为:
音频src='music/music.mp3 '自动播放='自动播放'循环='循环'/音频
科学研究委员会是地址
自动播放默认播放
环默认循环
更换背景应该是(反正我没试过):
div class=' image ' img src=' images。jpg ' alt=' '//div div class=' content '
到此这篇关于超文本标记语言中用射流研究…实现旋转的圣诞树的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。