首页 > 撩妹情话文章正文

「常见问题情话」程序员表白专题及常见问题

撩妹情话 2020-12-21 15:08:14 程序员表白

常见问题情话

写在前面: 我是 「扬帆向海」,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。这博客是对自己学习的一点点总结及记录,如果您对 Java、算法 感兴趣,可以关注我的动态,我们一起学习。 用知识改变命运,让我们的家人过上更好的生活。
情人节快到了,谁说咱们程序员不懂浪漫,用这些情话给你的男神或女神表白吧!情话一:
foreach(var you in worlds) { if(you == "myLove") { myHeart["myWife"] = you;
遍历整个世界,只为寻到你;当我发现你就是我的真爱时;那么你就是我要找寻的人,我的妻子。
情话二:
if(yourHand == cold weather == winter) giveyoulove(myHead.temperature, yourHand.temperature); return you.happyface;
如果冬天里你的手是冰冷的;将我手上的温度全部给予你;换取你幸福的模样。
情话三:
private void love(int you) { int i = you ; you = i; if (i == you) { love(i);
一见钟情,相濡以沫,不忘初心,真爱永恒
情话四:
while(life end) { love++;System.out.println("You are my whole world")
当生命没有终止,爱你不断;你是我的整个世界.
情话五:
Void missing_you() For(time =meet_you;;time++) Missing_you()
自从遇见了你,就不停地想你。
情话六:
 long loveTime; if(love == true) for(loveTime = 1; loveTime = 1; loveTime++)
定义我们的相爱时间,如若我们之间是真爱,从相爱的那一刻起,我们注定无限循环。
情话七:
if(!myArms.has(you)) { yourHeart.push(me)
来我的怀里,或者让我住进你的心里。
情话八:
世界上最遥远的距离 ,是我在 if 里你在 else 里,似乎一直相伴又永远分离;世界上最痴心的等待 ,是我当 case 你是 switch ,或许永远都选不上自己;世界上最真情的相依 ,是你在 try 我在 catch 。无论你发神马脾气,我都默默承受,静静处理。到那时,再来期待我们的 finally。
情话九:
有人说我没有初始化如果一定要给爱这个变量初始化那么变量类型大概是她的名字吧
情话十:
“我是你的什么啊?”“你是我的bug啊。因为,我每时每刻都在找你呀。”
情话十一:
定义我们的相爱时间,如若我们之间是真爱,从相爱的那一刻起,我们注定无限循环。
情话十二:
你是model,我是view,我们之间不会有dao
情话十三:
你擦掉了我所有的代码注释,我微笑着说没关系。
爱你3000遍
for(int i = 1; i = 3000; i++) { System.out.println("爱你(๑′ᴗ‵๑)I Lᵒᵛᵉᵧₒᵤ❤")
收起 展开全文 这是我为自己写的一款表白的程序,并且己用它表白成功,于是几经努力把它完成为一个完整的程序,这是我准备完成的程序之爱系列第一辑,希望能多做几辑吧。 只需将以下代码复制到HTML页面即可,文字部分内容可以根据个人喜好随意替换(如有前端大神能对页面进行丰富,更加欢迎)。 ...程序员表白神器 /title script src=
只需将以下代码复制到HTML页面即可,文字部分内容可以根据个人喜好随意替换(如有前端大神能对页面进行丰富,更加欢迎)。
!doctype html html head meta charset="utf-8" title 程序员表白神器 /title script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js" /script style body {    background:black;}.heart {    margin:100px auto;    width:200px;    height:200px;    /* border:1px solid #0094ff;    */        position:relative;    animation-name:shake;    animation-duration:.5s;    animation-iteration-count:infinite;}.heart div {    /* border:1px solid #0094ff;    */        width:100%;    height:100%;    position:absolute;    background:red;    animation-name:shadow;    animation-duration:.5s;    animation-iteration-count:infinite;}.topLeft,.topRight {    border-radius:100px 100px 0 0;}.topLeft {    transform:translate(-50px,0) rotate(-45deg);}.topRight {    transform:translate(50px,0) rotate(45deg);}.bottom {    transform:translate(0,64px) rotate(45deg) scale(.9,.9);}/* 定义动画 */
@keyframes shake {    from {    transform:scale(.9,.9);}to {    transform:scale(1.1,1.1);}}@keyframes shadow {    from {    }to {    box-shadow:0px 0px 50px red;}}#aa{        height: auto;        width: 520px;        margin: auto;        color:white;    } /style /head body div      div /div      div /div      div /div /div
script
/script p id="aa" /p div id="w"     你不知道你的影子多么调皮,总在我的眼前晃动,让我不能有一刻安宁。坏男孩从早上睁开朦胧眼睛的那一刻起,到枕着你的名字入眠进入梦乡,你的影子一直陪着我。    你并不是什么地方都好,你只是什么地方都让我忘不了,我也不是什么地方都坏,只是我愿意为你把坏的地方更改,人无完人,我要感谢上天给我与你相遇的幸运,心有真心,让我们一起走进向往中的春。 /div
script var index=0;    var word=document.getElementById("w").innerHTML;    function type(){        document.getElementById("aa").innerText = word.substring(0,index++);    }    setInterval(type, 200); /script /body /html
收起 展开全文 程序员表白html,真的很好哦,想要泡妹子的,那你就快来下载吧!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!... 若要见完整版,请点击右侧链接下载:程序员浪漫表白“三行情书”一等奖(JS+CSS3) 注:这是一个3D场景,在PC端的话还可以按住鼠标左键并拖动鼠标,来从各个视角观察它。 降低作品档次的效果图: ...
很久之前的作品,用JS和CSS3实现的,今天给大家分享一部分。若要见完整版,请点击右侧链接下载:程序员浪漫表白“三行情书”一等奖(JS+CSS3)注:这是一个3D场景,在PC端的话还可以按住鼠标左键并拖动鼠标,来从各个视角观察它。
降低作品档次的效果图:
寓意解释:
通过JS和CSS3组合实现的 碎片飘零效果。每个碎片都由一句情话组成,无数的情话碎片构成了心型。在【情歌】伴随下,当所有【情话】碎片飞开后,便出现了更高的感情表达——【情画】。当两个人的情感不再需要用言语——情话来表达时(即当所有【情话】碎片飞开后),就出现了更高的感情境界——情画。
代码:
HTML代码
 !doctype html  html  head  meta charset="utf-8"  title #三行情书# /title  link rel="shortcut icon" href="./logo.ico" type="image/x-icon" /  link type="text/css" rel="stylesheet" href='http://fonts.googleapis.com/css?family=Ubuntu:300italic,300,700' /  link rel="stylesheet" type="text/css" href="./css/main.css"  script type="text/javascript" src="js/jquery-1.7.2.min.js" /script  script type="text/javascript" src="./js/main.js" /script  /head  body  audio autoplay="autopaly"  source src="song.mp3" type="audio/mp3" /  /audio  div  梦随风醉缠绵 br  情如茧凝成缘 br  百花牵衣吐艳 /div  div 计科1502 白XX a href="index.html" 上一页 /a /div  div  div id="plane1"  div  !-- 第一行 --  div style="top: 0px; left: 0px; width: 100px; height: 87.5px; animation-delay: 8.64s;background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 0px; left: 100px; width: 100px; height: 87.5px; animation-delay: 8.56s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 0px; left: 200px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 0px; left: 300px; width: 100px; height: 87.5px; animation-delay: 9.74s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 0px; left: 400px; width: 100px; height: 87.5px; animation-delay: 8.28s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 0px; left: 500px; width: 100px; height: 87.5px;animation-delay: 8.88s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 0px; left: 600px; width: 100px; height: 87.5px;animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 0px; left: 700px; width: 100px; height: 87.5px; animation-delay: 9.76s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 0px; left: 800px; width: 100px; height: 87.5px; animation-delay: 8.4s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div 风 /div  div 情 /div  !-- 第二行 --  div style="top: 87.5px; left: 0px; width: 100px; height: 87.5px; animation-delay: 8.12s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 87.5px; left: 100px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 87.5px; left: 200px; width: 100px;height: 87.5px;animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 87.5px; left: 300px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 87.5px; left: 400px; width: 100px; height: 87.5px; animation-delay: 8.8s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 87.5px; left: 500px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 87.5px; left: 600px; width: 100px;height: 87.5px;animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 87.5px; left: 700px; width: 100px;height: 87.5px;animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 87.5px; left: 800px; width: 100px; height: 87.5px; animation-delay: 9.48s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div 随 /div  div 醉 /div  div 绵 /div  div 如 /div  !-- 第三行 --  div style="top: 175px; left: 0px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 175px; left: 100px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 175px; left: 200px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 175px; left: 300px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 175px; left: 400px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 175px; left: 500px; width: 100px; height: 87.5px;animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 175px; left: 600px; width: 100px; height: 87.5px;animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 175px; left: 700px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 175px; left: 800px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div 梦 /div  div 缠 /div  div 茧 /div  !-- 第四行 --  div style="top: 262.5px; left: 0px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 262.5px; left: 100px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 262.5px; left: 200px; width: 100px;height: 87.5px;animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 262.5px; left: 300px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 262.5px; left: 400px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 262.5px; left: 500px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 262.5px; left: 600px; width: 100px;height: 87.5px;animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 262.5px; left: 700px; width: 100px;height: 87.5px;animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 262.5px; left: 800px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div 艳 /div  div 凝 /div  !-- 第五行 --  div style="top: 350px; left: 0px; width: 100px; height: 87.5px; animation-delay: 8.04s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 350px; left: 100px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 350px; left: 200px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 350px; left: 300px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 350px; left: 400px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 350px; left: 500px; width: 100px; height: 87.5px;animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 350px; left: 600px; width: 100px; height: 87.5px;animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 350px; left: 700px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 350px; left: 800px; width: 100px; height: 87.5px; animation-delay: 8.4s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div 吐 /div  div I /div  div L /div  div U /div  div 成 /div  !-- 第六行 --  div style="top: 437.5px; left: 0px; width: 100px; height: 87.5px; animation-delay: 9.68s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 437.5px; left: 100px; width: 100px; height: 87.5px; animation-delay: 8.01s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 437.5px; left: 200px; width: 100px;height: 87.5px;animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 437.5px; left: 300px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 437.5px; left: 400px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 437.5px; left: 500px; width: 100px; height: 87.5px; animation-delay: 15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 437.5px; left: 600px; width: 100px;height: 87.5px;animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 437.5px; left: 700px; width: 100px;height: 87.5px;animation-delay: 8.29s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 437.5px; left: 800px; width: 100px; height: 87.5px; animation-delay: 9.2s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div 衣 /div  div 缘 /div  !-- 第七行 --  div style="top: 525px; left: 0px; width: 100px; height: 87.5px; animation-delay: 8.98s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 525px; left: 100px; width: 100px; height: 87.5px; animation-delay: 9.15s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 525px; left: 200px; width: 100px;height: 87.5px;animation-delay: 8.78s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 525px; left: 300px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 525px; left: 400px; width: 100px; height: 87.5px; animation-delay:15.96s; background: url('./img/100.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 525px; left: 500px; width: 100px; height: 87.5px; animation-delay: 14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 525px; left: 600px; width: 100px;height: 87.5px;animation-delay: 8.12s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 525px; left: 700px; width: 100px;height: 87.5px;animation-delay: 8.68s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 525px; left: 800px; width: 100px; height: 87.5px; animation-delay: 8.97s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div 牵 /div  div 百 /div  !-- 第八行 --  div style="top: 612.5px; left: 0px; width: 100px; height: 87.5px; animation-delay: 8.89s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 612.5px; left: 100px; width: 100px; height: 87.5px; animation-delay: 8.87s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 612.5px; left: 200px; width: 100px;height: 87.5px;animation-delay: 8.99s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 612.5px; left: 300px; width: 100px; height: 87.5px; animation-delay: 8.25s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 612.5px; left: 400px; width: 100px; height: 87.5px; animation-delay:14.96s; background: url('./img/12.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 612.5px; left: 500px; width: 100px; height: 87.5px; animation-delay: 8.97s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 612.5px; left: 600px; width: 100px;height: 87.5px;animation-delay: 8.9s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 612.5px; left: 700px; width: 100px;height: 87.5px;animation-delay: 9s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div style="top: 612.5px; left: 800px; width: 100px; height: 87.5px; animation-delay: 8.5s; background: url('./img/13.jpg') no-repeat; background-size: 100% 87.5px;" /div  div 花 /div  /div  /div  /div  /body  /html 
CSS代码
* { box-sizing: border-box;body { padding: 0; margin: 0; background: #212121; overflow: hidden;.mosaica { position: fixed; left: 2px; bottom: 2px; padding: 4px 6px; color: #FFFFFF; font-family: "Montserrat"; font-size: 11px; letter-spacing: 0.06em;.mosaica a{ color: #fff; font-size: 30px; text-decoration: none; margin: 0 0 0 30px;.mosaica a:hover{ color: orange;.container { position: absolute; width: 0; height: 0; left: 43%; top: 50%; perspective: 1200px; transform-origin: center center; cursor: move;.plane { position: absolute; display: block; width: 900px; height: 700px; border: 0; margin: -350px 0 0 -450px; transform-style: preserve-3d;.plane:before { content: ""; position: absolute; left: 0; top: 0; background: url('../img/background.jpg') no-repeat; background-size: 100% 700px; width: 100%; height: 100%; z-index: -1; transform: translateZ(-1px);.items { position: relative; transform-style: preserve-3d;.item { background-color: pink; position: absolute; overflow: hidden; /*border: 1px solid #2785db;*/.item2,.item3{ position: absolute; left: 0; top:0; overflow: hidden; width: 100%; height: 100%; background:url(../img/heart.png) no-repeat center; background-size: 85px 69.5px; color: #fff; text-align: center; font-size: 75px; line-height: 87.5px; font-family: "微软雅黑","helvetica neue",arial,sans-serif; font-weight: 900; text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);@keyframes animate { 0% { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform-origin: 50% 50% 0; opacity: 1; 100% { transform: translate3d(0px, 0px, 1200px) rotateX(180deg) rotateY(360deg) rotateZ(180deg) scale3d(0, 0, 0); transform-origin: 50% 50% 0; opacity: 1;@keyframes animate3 { 0% { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform-origin: 50% 50% 0; font-size: 75px; opacity: 1; 100% { transform: translate3d(0px, 0px, 1200px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0, 0, 0); transform-origin: 50% 50% 0; font-size: 150px; opacity: 1; color: orange;.item.animate { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform-origin: 50% 50% 0; animation: animate 15s forwards;.item2.animate { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform-origin: 50% 50% 0; animation: animate 10s forwards;.item3.animate { transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform-origin: 50% 50% 0; animation: animate3 10s forwards;.poem{ position: absolute; top:18%; left: 78%; line-height: 80px; color: #fff; font-size: 30px; font-family: "微软雅黑","helvetica neue",arial,sans-serif; font-weight: 800; text-shadow:1px 0px #009807, 1px 2px #006705, 3px 1px #009807, 2px 3px #006705, 4px 2px #009807, 4px 4px #006705, 5px 3px #009807;
JavaScript代码
window.onload=function(){ class Orbit { constructor(target, dumping=10, from={ x: 0, y: 0 }, to={ x: 0, y: 0 }) { this.__target = target this.dumping = dumping; this.desire_rotateZ = -to.y; this.desire_rotateX = -to.x; this.rz = from.y; this.rx = from.x; this.isDragging = false; this.previousMousePosition = { x: 0, y: 0 this.behaviours(); behaviours(){ $(document).on("mousedown", this.handleDown.bind(this)) $(document).on("mouseup", this.handleUp.bind(this)) $(document).on("mousemove", this.handleMove.bind(this)) window.requestAnimationFrame(this.update.bind(this)); handleDown(e){ this.isDragging = true; if( !this.firstDrag ){ this.previousMousePosition = { x: e.pageX, y: e.pageY this.firstDrag = true; handleUp(e){ this.isDragging = false; handleMove(e){ let deltaMove = { x: e.pageX-this.previousMousePosition.x, y: e.pageY-this.previousMousePosition.y if(this.isDragging){ this.desire_rotateZ += deltaMove.x; this.desire_rotateX += deltaMove.y; this.previousMousePosition = { x: e.pageX, y: e.pageY rotation(x, y){ this.desire_rotateZ = x; this.desire_rotateX = y; update(){ this.rz += (( (this.desire_rotateZ*-1) - this.rz) / this.dumping); this.rx += (( (this.desire_rotateX*-1) - this.rx) / this.dumping); this.__target.css({ "transform": "translateZ(-300px) rotateX("+this.rx+"deg) rotateZ("+this.rz+"deg)" window.requestAnimationFrame(this.update.bind(this));let orbit1 = new Orbit( $("#plane1"), 40, { x: 0, y: 0 }, { x: 40, y: 30 } )function animate(){ $(".item,.item2,.item3").removeClass("animate") setTimeout(function(){ $(".item,.item2,.item3").addClass("animate") }, 250) setTimeout(animate, 25000);animate()
收起 展开全文 共五个特效 访问博客免费下载访问博客 全部代码下载代码下载 第一个特效 第二个特效 第三个特效 第四个特效,可以点击愿意不愿意,然后后面还有多个页面 第五个特效 ... 程序员表白网页代码,内含有五个表白代码,非常炫酷,还有多种样式,可以自己选择,可以加入自己需要的文字以及其他特效,也可以自己添加后台 超火的程序员表白神器系列源码,一共八个,打开每一个下的1文件夹,点击.html文件即可看到效果,右键记事本打开.html文件可以修改里面的文字,然后发给你心爱的她/他吧 目录程序员的浪漫爱心表白源码简介在线演示12套表白源码展示 程序员的浪漫爱心表白源码 简介 我们程序员在追求爱情方面也是非常浪漫的,某位同学利用自己所学的HTML5知识自制的HTML5爱心表白动画,画面非常温馨甜蜜... 源代码:drawCardioid.py import turtle import math ''' 水平方向: ρ=a(1-cosθ) 或 ρ=a(1+cosθ) (a 0) 垂直方向: ρ=a(1-sinθ) 或 ρ=a(1+sinθ) (a 0) ''' turtle.setup(800, 600) ... 这是一款HTML5实现的3D相册图片浏览特效源码,其中的图片可以手动播放,也可以自动播放,效果非常震撼,具有非常强烈的立体感与层次感。是一款优秀的特效源码。建议使用支持HTML5的火狐或谷歌等浏览器预览本实例源码... 爱就大声说出来 人们对星星的崇拜远不止是牵牛星和织女星,他们认为东西南北各有七颗代表方位的星星,合称二十八宿。 农历七月初七是七夕节,又名乞... 基于c#的程序员表白神器 在Windows系统基于c#写的程序员表白神器 就是抖音很火的同意才退出 不同意到处跑那个 完整工程项目 这是我为自己写的一款表白的程序,并且己用它表白成功,于是几经努力把它完成为一个完整的程序

标签:常见问题情

发表评论

评论列表

情话表白墙   大学生兼职网   百度一下   悬赏任务平台   vip微商网   网站地图   网站xml

©2019-2020 情话表白墙——人气领跑情话表白门户平台 版权所有.联系我们

本站的内容均来自网上整理,仅作为参考和学习使用,如有侵权请联系站长删除。谢谢您的支持!

微商货源网 |  副业网 |  情话表白墙 |  股票之家 |  财经之家 |  理财之家 |  悬赏任务平台 |  货源微商网 |  游戏赚钱 |  答题赚钱 |  推广赚钱 |  广告赚钱 |  我要兼职网 |  视频去水印 |