고백 여신 전용 코드(떠다니는 마음+손글씨 효과)
5163 단어 프런트엔드
,
, :“ ”
, 。
:
“ ”
//
function randomColor(){
return parseInt(Math.random()*255+1);
}
//
var width=$(Window).width();
var height=$(Window).height();
$("#div").css({
'height':height ,
'width':width
})
//
var value_dm=$("#heartText4").text();
var count_dm=0;
var timer_dm=setInterval(function(){
count_dm++;
$("#heartText3").text(value_dm.substring
(0,count_dm));
var l1=parseInt($("#heartText3").
text().length);
var l2=parseInt(value_dm.length);
if(l1==l2){
clearInterval(timer_dm);
clearInterval(timer_container);
$("#heartText3").remove();
}
},4)
//
var timer_container=setInterval(function(){
var t1=$("#heartText3").css("top").
replace("px","");
$("#heartText3").css("top",
(parseInt(t1)-500)+"px");
},6000)
//
var value=$("#heartText").text();
var count=0;
var timer=setInterval(function(){
count++;
$("#heartText2").text(value.
substring(0,count));
$("#heartText2").css({
"color":"rgb("+randomColor()+","
+randomColor()+","+randomColor()+")",
"fontSize":'30px',
'fontFamily':' '
})
if(count>value.length){
clearInterval(timer)
}
},50)
//
setInterval(function(){
var tem="❤
";
$("#div").append(tem);
$("p").css({
"z-index": 9999,
'position':'absolute',
'top':Math.random()*(height-160)+120,
'left':Math.random()*(width-160)+40,
'color':"red",
'fontSize':parseInt(Math.random()
*20+20)+'px'
})
var p_tem=$("p").css("fontSize").
replace("px","");
$("p").animate({
'top':parseInt($("p").css("top"))-10,
'left':parseInt($("p").css("left"))+10,
'opacity':0,
'fontSize':(parseInt(p_tem)+
(Math.random()*10+20))+'px'
},3500,function(){
$(this).empty()
})
},300)
//랜덤 색상 방법
function randomColor(){
return parseInt(Math.random()*255);
}
//창 너비 가져오기
var width=$(Window).width();
var height=$(Window).height();
$("#div").css({
'height':height ,
'width':width
})
//코드 부분 손글씨 효과
var value_dm=$("#heartText4").text();
var count_dm=0;
var timer_dm=setInterval(function(){
count_dm+=3;
$("#heartText3").text(value_dm.substring(0,count_dm));
var l1=parseInt($("#heartText3").text().length);
var l2=parseInt(value_dm.length);
if(l1==l2){
clearInterval(timer_dm);
clearInterval(timer_container);
$("#heartText3").remove();
}
},6)
//코드가 있는 컨테이너 사이클 위로 이동
var timer_container=setInterval(function(){
var t1=$("#heartText3").css("top").replace("px","");
$("#heartText3").css("top",(parseInt(t1)-500)+"px");
},1800)
//문자 부분의 손글씨 효과
var value=$("#heartText").text();
var count=0;
var timer=setInterval(function(){
count++;
$("#heartText2").text(value.substring(0,count));
$("#heartText2").css({
"color":"rgb("+randomColor()+","+randomColor()+","+randomColor()+")",
"fontSize":'40px',
'fontFamily':'해서체'
})
if(count>value.length){
clearInterval(timer)
}
},50)
//하트 가득한 랜덤 띄우기 효과
setInterval(function(){
var tem="<p>❤</p>";
$("#div").append(tem);
$("p").css({
"z-index": 9999,
'position':'absolute',
'top':Math.random()*(height-180)+120,
'left':Math.random()*(width-180)+40,
'color':"red",
'fontSize':parseInt(Math.random()*20+20)+'px'
})
var p_tem=$("p").css("fontSize").replace("px","");
$("p").animate({
'top':parseInt($("p").css("top"))-20,
'left':parseInt($("p").css("left"))+20,
'opacity':0,
'fontSize':(parseInt(p_tem)+(Math.random()*10+20))+'px'
},2500,function(){
$(this).empty()
})
},200)