고백 여신 전용 코드(떠다니는 마음+손글씨 효과)

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)

좋은 웹페이지 즐겨찾기