用javascript脚本编写的红色玫瑰花。用代码做出的玫瑰花,这才是牛逼程序员送给女友的最好情人节礼物呢!(提示:在不同浏览器下观看效果、速度会有很大的不同)
图片是由代码生成,用户可以刷新该页面,重复观看这朵玫瑰的呈现过程。
3D玫瑰花的实现代码如下:
with(m=Math)C=cos,S=sin,P=pow,R=random;c.width=c.height=f=500;h=-250;function
p(a,b,c){if(c>60)return[S(a*7)*(13+5/(.2+P(b*4,4)))-S(b)*50,b*f+50,625+C(a*7)*(13+5/(.2+ P(b*4,4)))+b*400,a*1-b/2,a];A=a*2-1;B=b*2-1;if(A*A+B*B<1){if(c>37){n=(j=c&1)?6:4;o=.5/ (a+.01)+C(b*125)*3-a*300;w=b*h;return[o*C(n)+w*S(n)+j*610-390,o*S(n)-w*C(n)+550-j*3 50,1180+C(B+A)*99-j*300,.4-a*.1+P(1-B*B,-h*6)*.15-a*b*.4+C(a+b)/5+P(C((o*(a+1)+(B> 0?w:-w))/25),30)*.1*(1-B*B),o/1e3+.7-o*w*3e-6]}if(c>32){c=c*1.16-.15;o=a*45-20;w=b*b* h;z=o*S(c)+w*C(c)+620;return[o*C(c)-w*S(c),28+C(B*.5)*99-b*b*b*60-z/2-h,z,(b*b*.3+P(( 1-(A*A)),7)*.15+.3)*b,b*.7]}o=A*(2-b)*(80-c*2);w=99-C(A)*120-C(b)*(-h-c*4.9)+C(P(1-b,7) )*50+c*2;z=o*S(c)+w*C(c)+700;return[o*C(c)-w*S(c),B*99-C(P(b,
7))*50-c/3-z/1.35+450,z,(1-b/1.2)*.9+a*.1,
P((1-b),20)/4+.05]}}setInterval(…for(i=0;i<1e4;i++)if(s=p(R(),R(),i%46/.74)){z=s[2];x=~~(s[0 ]*f/z-h);y=~~(s[1]*f/z-h);if(!m[q=y*f+x]|m[q]>z)m[q]=z,a.fillStyle=”rgb(“+~(s[3]*h)+”,”+~(s[4] *h)+”,”+~(s[3]*s[3]*-80)+”)”,a.fillRect(x,y,1,1)}?,0)
文本框走动跑马灯
var msg=" 欢迎访问网页特效代码https://www.sodocs.net/doc/e718508002.html, ";
var interval = 100;
var space10="";
var seq=0;
function Scroll() {
document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length);
if ( seq > msg.length ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
滚动文字
var temp_i=1
function flash_sms()
{
for (i=1;i<=9;i++)
{
if (i==temp_i) temp_str="red"; else temp_str="green"; eval("a"+i+".style.color='"+temp_str+"';");
}
temp_i++;
if (temp_i>9) temp_i=1;
}
setInterval("flash_sms()",200);
■■■■■■■■■
水形文字
DIV {width: 609; font-size: 40pt; font-family: Tahoma;font-weight: bold;}
var count=0; var thePhase=0; var aniOn=0;
var theStrength=0;var maxCount=40;var maxStrength=100;var theCount=0;
var colorList=new Array("red", "blue", "green");
var oDiv=null;
var oQueue=new Array();
function doStart(obj)
{
oDiv=obj;
oQueue.push("Welcome to 51js!");
oQueue.push("Hello Friends!");
oQueue.push("I love you");
if(obj==null)return;
if(!oQueue.length)return;
oDiv.innerHTML=oQueue.shift();
var ctrlRng=document.body.createControlRange()
ctrlRng.add(oDiv)
ctrlRng.select();
ctrlRng.execCommand("SelectAll")
doFilt();
}
function getStrength(pos)
{
var ret=0
if(pos { ret=maxStrength*pos*pos/(maxCount*maxCount); } else if(pos==maxCount) { strNext=oQueue.shift() oDiv.innerHTML=strNext; rndNum=Math.floor(Math.random() * 3) oDiv.style.filter+="glow(color=" + colorList[rndNum] + ", strength=5)" ret=maxStrength; } else if(pos<2*maxCount) { pos=2*maxCount-pos; ret=maxStrength*pos*pos/(maxCount*maxCount); } else ret=0; ret=Math.ceil(ret) return ret; } function anitext(){ thePhase=(thePhase + 10) oDiv.filters[0].phase=thePhase theStrength=getStrength(++theCount); window.status=theStrength if(theStrength==0)theCount=0; if(oQueue.length>0 || theStrength>0) { oDiv.filters[0].strength=theStrength; oTO=window.setTimeout("anitext()",0200,"JavaScript") } } function doFilt(){ oDiv.style.filter="wave(add=0, freq=3, lightstrength=50, phase=0, strength=2, enabled=1); " rndNum=Math.floor(Math.random() * 3) oDiv.style.filter+="glow(color=" + colorList[rndNum] + ", strength=5)" anitext() } function removeFilt(){ window.clearTimeout(oTO) oDiv.style.filter=" " } function arrPush(item) { this[this.length]=item; } function arrShift() { var item=this[0]; var nLen=this.length; for(var i=0;i this[i]=this[i+1]; this.length--; return item; } Array.prototype.push=arrPush; Array.prototype.shift=arrShift;
漂亮带缩略图的图片轮换代码
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #000; PADDING-BOTTOM: 0px; MARGIN-LEFT: auto; COLOR: #f6f6ee; MARGIN-RIGHT: auto; PADDING-TOP: 0px; FONT-FAMILY: 宋体; HEIGHT: 490px; TEXT-ALIGN: center
}
A {
COLOR: #fff; TEXT-DECORATION: none
}
A:hover {
COLOR: #fff; TEXT-DECORATION: underline
}
.fpic {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 3; BACKGROUND: #000; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 476px; POSITION: relative; HEIGHT: 330px; BORDER-RIGHT-WIDTH: 0px;BORDER: #dddddd 1px solid;
text-align:center
}
.bpic {
FLOAT: left; MARGIN: 0px; WIDTH: 244px; POSITION: relative; HEIGHT: 243px
}
#focpic {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; LEFT: 1px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP: 1px; BORDER-RIGHT-WIDTH: 0px
}
.thubpic {
PADDING-RIGHT: 0px; PADDING-LEFT: 4px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 63px; CURSOR: pointer; PADDING-TOP: 4px; TOP: 10px; HEIGHT: 49px
}
.thubpiccur {
PADDING-RIGHT: 0px; PADDING-LEFT: 4px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 63px; CURSOR: pointer; PADDING-TOP: 4px; TOP: 10px; HEIGHT: 49px
}
.thubpiccur {
Z-INDEX: 30; BACKGROUND: url(icon/images20071220/arrow3.gif) no-repeat left 50%
}
.thubpic IMG {
BORDER-RIGHT: #666 3px solid; BORDER-TOP: #666 2px solid; BORDER-LEFT: #666 3px solid; WIDTH: 56px; BORDER-BOTTOM: #666 2px solid; HEIGHT: 42px
}
.thubpiccur IMG {
BORDER-RIGHT: #666 3px solid; BORDER-TOP: #666 2px solid; BORDER-LEFT: #666 3px solid;
WIDTH: 56px; BORDER-BOTTOM: #666 2px solid; HEIGHT: 42px
}
.thubpiccur IMG {
BORDER-LEFT-COLOR: #fff; BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BORDER-RIGHT-COLOR: #fff
}
-->
//all by https://www.sodocs.net/doc/e718508002.html,
var currslid = 0;
var slidint;
function setfoc(id){
document.getElementById("focpic").src = picarry[id];
document.getElementById("foclnk").href = lnkarry[id];
document.getElementById("fttltxt").innerHTML = ''+ttlarry[id]+'';
currslid = id;
for(i=0;i<6;i++){
document.getElementById("tmb"+i).className = "thubpic";
};
document.getElementById("tmb"+id).className ="thubpiccur";
focpic.style.visibility = "hidden";
focpic.filters[0].Apply();
if (focpic.style.visibility == "visible") {
focpic.style.visibility = "hidden";
focpic.filters.revealTrans.transition=23;
}
else {
focpic.style.visibility = "visible";
focpic.filters[0].transition=23;
}
focpic.filters[0].Play();
stopit();
}
function playnext(){
if(currslid==5){
currslid = 0;
}
else{
currslid++;
};
setfoc(currslid);
}
function playit(){
slidint = setTimeout(playnext,4500);
}
function stopit(){
clearTimeout(slidint);
}
window.onload = function(){
playit();
}
style="MARGIN-TOP: 305px; FLOAT: left; WIDTH: 400px; TEXT-ALIGN: center"> href="https://www.sodocs.net/doc/e718508002.html,/" target=_blank>梦:牧场小屋
var picarry = {};
var lnkarry = {};
picarry[0] = "icon/images20071220/01.jpg";
lnkarry[0] = "https://www.sodocs.net/doc/e718508002.html,/";
ttlarry[0] = "梦:牧场小屋";
picarry[1] = "icon/images20071220/02.jpg";
lnkarry[1] = "https://www.sodocs.net/doc/e718508002.html,/";
ttlarry[1] = "碎玉:回眸";
picarry[2] = "icon/images20071220/03.jpg";
lnkarry[2] = "https://www.sodocs.net/doc/e718508002.html,/";
ttlarry[2] = "飞狐:豆花档";
picarry[3] = "icon/images20071220/04.jpg";
lnkarry[3] = "https://www.sodocs.net/doc/e718508002.html,/";
ttlarry[3] = "牛说不哭:烈日下的建筑工人";
picarry[4] = "icon/images20071220/05.jpg";
lnkarry[4] = "https://www.sodocs.net/doc/e718508002.html,/";
ttlarry[4] = "新疆瓦格:哈萨克族搭建毡房";
picarry[5] = "icon/images20071220/06.jpg";
lnkarry[5] = "https://www.sodocs.net/doc/e718508002.html,/";
ttlarry[5] = "松间明月:汽车文化";
疯狂攻击鼠标
function nsMouse(evnt){
xpos=evnt.pageX;ypos=evnt.pageY;
}
window.onMouseMove = nsMouse;
}
else if (document.all){
document.write('
document.write('
for (i = 0; i < amount; i++)
{document.write('
')}document.write('
function iMouse(){xpos=event.x;ypos=document.body.scrollTop+event.y}
document.onmousemove = iMouse;
}
function getAngle(){
Y = ypos - divTop;X = xpos - divLeft;angle = Math.round(Math.atan2(Y,X) * 180/Math.PI);
if (angle < 0)angle += 360;
}
function bomb(){
if (https://www.sodocs.net/doc/e718508002.html,yers){
Yscroll=window.pageYOffset;
ybase=Math.round(Math.random()*window.innerHeight);xbase=Math.round(Math.random()*wi ndow.innerWidth);
yybase=window.innerHeight-10;xxbase=window.innerWidth-10;
}
else if (document.all){
Yscroll=document.body.scrollTop;
ybase=Math.round(Math.random()*window.document.body.offsetHeight);xbase=Math.round(M ath.random()*window.document.body.offsetWidth);
xxbase=window.document.body.offsetWidth-10;yybase=window.document.body.offsetHeight-10 ;
}
if ((xbase > 10 && xbase < xxbase) && (ybase > 10 && ybase < yybase))
bomb();
else
{
if ((divLeft > xpos-speed/1.5) && (divLeft < xpos+speed/1.5) && (divTop >= ypos-speed/1.5) && (divTop <= ypos+speed/1.5))
{divTop=ybase+Yscroll;divLeft=xbase}
y = Math.round(speed*Math.sin(angle*Math.PI/180));x = Math.round(speed*Math.cos(angle*Math.PI/180));
divTop+=y;divLeft+=x;
getAngle();
T=setTimeout('bomb()',20);
}
}
function Split(){
Clrs=new Array('fff000','ffffff','ffa500')
var ntscp=https://www.sodocs.net/doc/e718508002.html,yers,msie=document.all;
if (https://www.sodocs.net/doc/e718508002.html,yers){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left} else
{ntscp['nsa'+i].top=divTop;ntscp['nsa'+i].left=divLeft}
}
}
else if (document.all){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{msie.k[i].style.top=msie.k[i+1].style.top;msie.k[i].style.left=msie.k[i+1].style.left} else
{msie.k[i].style.top=divTop;msie.k[i].style.left=divLeft}
}
}
for (i=0; i < amount-1; i++)
{
for (n=0; n < Clrs.length; n++)
{var x=Math.round(Math.random()*n)}
if (https://www.sodocs.net/doc/e718508002.html,yers){ntscp['nsa'+i].bgColor=Clrs[x]}
else if (document.all){msie.k[i].style.background=Clrs[x]}
}
setTimeout("Split()",20);
}
function StArT(){bomb();Split()}
window.onload=StArT;
//-->
很酷的跟随鼠标的三色彩带
if (https://www.sodocs.net/doc/e718508002.html,yers){
for (i = 0; i < amount; i++)
{
document.write('
document.write('
document.write('
}
}
else if (document.all){
document.write('
+'
for (i = 0; i < amount; i++)
{
document.write('
');document.write('
');document.write('
');}
document.write('
}
function prepos(){
var ntscp=https://www.sodocs.net/doc/e718508002.html,yers;
var msie=document.all;
if (https://www.sodocs.net/doc/e718508002.html,yers){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
}
else
{
ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
}
}
}
else if (document.all){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left; msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left; msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left; }
else
{
msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
}
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->
鼠标单击处崩出七彩星星
eval('document.all.sDiv'+i+'.style.left = tempx;');
eval('document.all.sDiv'+i+'.style.top = tempy;');
}
if (n) {
eval('https://www.sodocs.net/doc/e718508002.html,yers.sDiv'+i+'.left = tempx;');
eval('https://www.sodocs.net/doc/e718508002.html,yers.sDiv'+i+'.top = tempy;');
}
j++;
// timeout: 50 = fireworks speed, larger number = slower speed
setTimeout("moveTo("+i+","+j+","+mousex+","+mousey+")",50)
}
else {
eval('HIDE("sDiv'+i+'")');
totalSparks++;
}
if (totalSparks == 10) {
sparksAflyin = 0;
totalSparks = 0;
}
}
function SHOW(divName){
if (document.all)
eval('document.all.'+divName+'.style.visibility = "visible";');
else if (https://www.sodocs.net/doc/e718508002.html,yers)
eval('https://www.sodocs.net/doc/e718508002.html,yers["'+divName+'"].visibility = "visible";');
}
function HIDE(divName){
if (document.all)
eval('document.all.'+divName+'.style.visibility = "hidden";');
else if (https://www.sodocs.net/doc/e718508002.html,yers)
eval('https://www.sodocs.net/doc/e718508002.html,yers["'+divName+'"].visibility = "hide";');
}
anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);
anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);
anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);
anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);
anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);
anim_3_y=new
Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);
anim_4_x=new
Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211); anim_4_y=new
Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);
anim_5_x=new
Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-28 8);
anim_5_y=new
Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248); anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);
anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257); anim_7_x=new
Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-1 76,-175);
anim_7_y=new
Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);
anim_8_x=new
Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);
anim_8_y=new
Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,9 5,130,188);
anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);
anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);
// End -->
color="red"> a
size="3"> b
size="3"> c
d
e
ff
g
h
i
j
舞动星星包围你的鼠标
var Xpos = 1;
var Ypos = 1;
var i = 0;
var j = 0;
if (document.all)
{
function MoveHandler(){
Xpos = document.body.scrollLeft+event.x;
Ypos = document.body.scrollTop+event.y;
}
document.onmousemove = MoveHandler;
}
else if (https://www.sodocs.net/doc/e718508002.html,yers)
{
function xMoveHandler(evnt){
Xpos = evnt.pageX;
Ypos = evnt.pageY;
}
window.onMouseMove = xMoveHandler;
}
function animateLogo() {
if (document.all)
{
yBase = window.document.body.offsetHeight/4;
xBase = window.document.body.offsetWidth/4;
}
else if (https://www.sodocs.net/doc/e718508002.html,yers)
{
yBase = window.innerHeight/4 ;
xBase = window.innerWidth/4;
}
if (document.all)
{
var totaldivs=document.all.starsDiv.all.length
for ( i = 0 ; i < totaldivs ; i++ )
{
var tempdiv=document.all.starsDiv.all[i].style
tempdiv.top = Ypos +
网页设计模拟题三 一、单项选择题 1.HTML文本显示状态代码中,表示?() A文本加注下标线 B文本加注上标线 C文本闪烁 D文本或图片居中 2.动态HTML中设定路径移动时间的属性是?() A.Bounce B.Duration C.Repeat D.Target 3.下面CGI脚本中的通用格式和content-types不是一一对应的是哪一项?() A.HTML与text/html B.Text与text/plain C.GIF与image/gif D.MPEG与image/jpeg 4.下列对CSS内容表述不正确的一项是?() A伪类和伪元素不应用HTML的CLASS属性来指定 B一般的类不可以与伪类和伪元素一起使用 C一个已访问连接可以定义为不同颜色的显示 D一个已访问连接可以定义为不同字体大小和风格 5.用户可以在()命令的动作中见到canAcceptCommand。 A. Sort Table B. Format Table C. Set Color Scheme D. Clean Up HTML 6.创建一个滚动菜单的HTML代码是?() A.
B. C.