精华内容
下载资源
问答
  • html 玫瑰花

    2020-05-03 14:52:10
    简易html 代码玫瑰花 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>玫瑰</title> <style type="text/css"> #shusheng { position: absolute; ...

    简易html 代码玫瑰花

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>玫瑰</title>
    		<style type="text/css">
    #shusheng {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    }
    </style>
    </head>
    <body>
    <div style="text-align: center">
    </div>
    	<div id="shusheng">
    <canvas id="c"></canvas> 
    <script>
    var b = document.body;
    var c = document.getElementsByTagName('canvas')[0];
    var a = c.getContext('2d');
    document.body.clientWidth; 
    </script>
    <script>
    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*350,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)
    </script>
    </div>
    	</body>
    </html>
    
    
    

    效果图
    在这里插入图片描述

    展开全文
  • 纯javascipt就弄出了玫瑰花,再次显示了HTML5的威力警告:传说IE6内核是无法看到的,建议用Chrome或者Firefox。玫瑰花效果:实现代码:复制代码代码如下:Lovevar b = document.body;var c = document....

    有人用html就写了一朵漂亮的玫瑰,是不是有点太骚气了。纯javascipt就弄出了玫瑰花,再次显示了HTML5的威力

    警告:传说IE6内核是无法看到的,建议用Chrome或者Firefox。

    玫瑰花效果:

    4f2d6cf1ee6b2f27542ec4d1dcaf3869.png

    实现代码:

    复制代码代码如下:

    Love

    var b = document.body;

    var c = document.getElementsByTagName('canvas')[0];

    var a = c.getContext('2d');

    document.body.clientWidth;

    // start of submission //

    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 * 350, 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)

    // end of submission //

    展开全文
  • 情人节马上就要到来了,这里给程序员前端设计师们献上一个,html5渲染而成的3D玫瑰花js效果,可以作为虚拟的情人节礼物送给自己的爱人。支持html5的浏览器查看。查看演示下载资源:16次 下载资源下载积分:20积分...

    情人节马上就要到来了,这里给程序员前端设计师们献上一个,html5渲染而成的3D玫瑰花js效果,可以作为虚拟的情人节礼物送给自己的爱人。支持html5的浏览器查看。

    f1327bf57c4dd99a3eb6a03026da2a13.png

    查看演示

    下载资源:

    16

    次 下载资源

    下载积分:

    20

    积分

    情人节玫瑰花js代码

    html5渲染3D玫瑰花情人节礼物js特效代码

    var b = document.body;

    var c = document.getElementsByTagName('canvas')[0];

    var a = c.getContext('2d');

    document.body.clientWidth;

    // start of submission //

    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*350,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)

    // end of submission //

    展开全文
  • To register your HTML based wizard with your template, use @TemplateRegistration annotation and provide reference to your HTML page:public class X {@TemplateRegistration(page = "cz/xelfi/test/x....

    To register your HTML based wizard with your template, use @TemplateRegistration annotation and provide reference to your HTML page:

    public class X {

    @TemplateRegistration(

    page = "cz/xelfi/test/x.html",

    scriptEngine = "freemarker",

    displayName = "JS Wizard",

    folder = "Other",

    content = "x.fmk"

    )

    public static String jsWizard() {

    return "init();";

    }

    }

    the return value of the annotated method should of type String and its content should be snippet of JavaScript code to execute inside of your specified HTML page (e.g. x.html) to create an instance of KnockoutJS model to drive the wizard. Here is the sample of the model:

    function init() {

    var ok = ko.observable(false);

    var msg = ko.observable('');

    var current = ko.observable('Init');

    var data = {

    'errorCode': ko.computed(function() {

    if ('Init' == current()) return 0;

    if (!ok()) return 1;

    if (msg()) return 0;

    return 2;

    }),

    'steps': ko.observableArray([ 'Init', 'Info', 'Summary']),

    'current': current,

    'ok': ok,

    'msg' : msg

    }

    return data;

    }

    it defines wizard composed of three panels (observable steps) and a verification function (registered as errorCode) to check if everything is OK. In addition to that it defines proprietary text value msg which is going to be filled by the wizard and cannot be empty.

    Each page of the wizard is registered as a KnockoutJS template named according to the name of the specified step. A dummy initial page:

    This is Initial Page

    JavaScript will ask you few questions about your mood.

    an interactive page with checkbox and an input field:

    This is Query Page

    Is everything OK?

    How do you feel?

    and a simple summary page showing the specified values:

    This is Summary Page

    You are feeling !

    The Next/Finish buttons can be controlled by the errorCode property. If it is non-zero, there is an error and these buttons are disabled. Also once can use that inside of the HTML page to display user related errors:

    Please check you are OK!

    Tell us how do you feel!

    The L10N of the wizard is done on the level of HTML pages. The whole page gets translated into different language with appropriate suffix x_cs.html and it is then selected instead of the default one, when user runs in such locale.

    When the wizard is successfully finished, all the values specified in the model are transfered to the templating engine, so they can influence the content of created files. Here is a sample x.fmt content which reuses the msg value provided by the wizard:

    Hi,

    I am Freemarker.

    I feel ${wizard.msg}.

    System of this kind is portable between existing NetBeans infrastructure (see branch WizardFor247926 in ergonomics repository) as well as demo of embedding the same wizard into browser (see on-line demo).

    展开全文
  • HTML实现玫瑰花代码

    2021-03-03 20:56:43
    HTML实现玫瑰花 玫瑰花 亲爱的 玫瑰花 希望可以帮助到你
  • 玫瑰花.html

    2019-08-22 14:51:06
    玫瑰花一瓣一瓣飘落在眼前,执泥最美的时候遇见你,赶快下载表白吧
  • 玫瑰花HTML

    千次阅读 2019-03-23 23:05:36
    <!DOCTYPE html> <html> <...玫瑰</title> <meta charset="utf-8"> </head> <body> <p style="text-align: center;"> <canvas id="c" height="50...
  • JavaScript和html53D玫瑰花(程序员的情人节礼物)var b = document.body;var c = document.getElementsByTagName('canvas')[0];var a = c.getContext('2d');document.body.clientWidth;// start of submission //with...
  • 玫瑰花表白文件,用于渲染出一朵美丽的玫瑰花去表白
  • html5 svg玫瑰花盛开动画特效是一款漂亮的svg绘制玫瑰花花朵开花动画效果。
  • JavaScript和html53D玫瑰花(程序员的情人节礼物)var b = document.body;var c = document.getElementsByTagName('canvas')[0];var a = c.getContext('2d');document.body.clientWidth;// start of submission //with...
  • html的一个玫瑰花资源

    2018-08-13 09:56:10
    借鉴过来的html的一个玫瑰花
  • html5实现生成玫瑰花

    2014-06-19 15:24:57
    是用了最前沿的html5技术,在浏览器打开文件直接可以看到一朵玫瑰花在浏览器上
  • 一款简单的HTML5 SVG绘制卡通玫瑰花动画特效,先用线条勾画出玫瑰花的形状,再生成颜色过程动画。
  • 纯javascipt就弄出了玫瑰花,再次显示了HTML5的威力警告:传说IE6内核是无法看到的,建议用Chrome或者Firefox。 玫瑰花效果: 实现代码: 复制代码代码如下:<!doctype html><html><head><title>...
  • 点评:这篇文章主要介绍了HTML5 canvas绘制的玫瑰花效果,适合程序猿在情节送给小女友哦,需要的朋友参考下吧有人用html就写了一朵漂亮的玫瑰,是不是有点太骚气了。纯javascipt就弄出了玫瑰花,再次显示了HTML5的威力...
  • HTML5 SVG线条玫瑰花动画特效是一款基于svg绘制卡通玫瑰花动画,先用线条勾画出花的现状,在生成颜色过程特效。
  • HTML5 SVG线条玫瑰花动画特效是一款基于svg绘制卡通玫瑰花动画,先用线条勾画出花的现状,在生成颜色过程特效。
  • js+html实现玫瑰花绽放

    千次阅读 2018-07-19 15:03:00
    玫瑰花示例demo: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>玫瑰花</title> 5 <meta charset="utf-8"> 6 </head> 7 <body> 8 <p style=...
  • html5 canvas表示我爱你:玫瑰花动画,非常逼真的玫瑰花,你相信这是用Canvas画出来的吗?不但需要HTML5技术,而且还需要有绘画工底哦,这朵玫瑰花还带有枝叶,非常佩服哦。
  • html写的玫瑰花

    2020-02-22 22:53:58
    DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>情人节快乐</title> <!-- <embed src="123.mp3" hidden="true" autostart...
  • html5做的玫瑰花

    2019-08-04 01:20:01
    NULL 博文链接:https://zxc3375.iteye.com/blog/2018326

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 153
精华内容 61
关键字:

html玫瑰花