আপনি যদি এই পৃষ্ঠায় ভিজিট করার সময় কোথাও মাউস ক্লিক করবেন, আপনি লক্ষ্য করবেন যে মাউস ক্লিক করার পর হার্ট এফেক্ট হয়। এই এফেক্ট দিতে আমি আজ কিছু কোড শেয়ার করব। আপনি শুধু নীচের কোডটি কপি করে আপনার ওয়েবসাইটে রাখুন। কোডগুলো </body> এর আগে রাখুন
<script>
//<![CDATA[
!function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),o(),r()}function r(){for(var e=0;e<d.length;e++)d[e].alpha<=0?(t.body.removeChild(d[e].el),d.splice(e,1)):(d[e].y--,d[e].scale+=.004,d[e].alpha-=.013,d[e].el.style.cssText="left:"+d[e].x+"px;top:"+d[e].y+"px;opacity:"+d[e].alpha+";transform:scale("+d[e].scale+","+d[e].scale+") rotate(45deg);background:"+d[e].color+";z-index:99999");requestAnimationFrame(r)}function o(){var t="function"==typeof e.onclick&&e.onclick;e.onclick=function(e){t&&t(),i(e)}}function i(e){var a=t.createElement("div");a.className="heart",d.push({el:a,x:e.clientX-5,y:e.clientY-5,scale:1,alpha:1,color:s()}),t.body.appendChild(a)}function c(e){var a=t.createElement("style");a.type="text/css";try{a.appendChild(t.createTextNode(e))}catch(t){a.styleSheet.cssText=e}t.getElementsByTagName("head")[0].appendChild(a)}function s(){return"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"}var d=[];e.requestAnimationFrame=function(){return e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)}}(),n()}(window,document);
//]]>
</script>
This Code upload in your website or Blogger .
1. copy all code
2. open your blogger setting and goto template>edit HTML> then past all code >
3.( Ctrl + F ) Put the code before </body>
4. then save
দ্রষ্টব্য: যদি কোডগুলি কাজ না করে তবে অবশ্যই কোডগুলি এলোমেলো হয়েছে তবে উপরের ছবিটি দেখে কোডগুলি সাজিয়ে ঠিক করুন। আশা করি কাজ করবে।
জাভাস্ক্রিপ্ট ক্লিক ইফেক্ট, সিএসএস জাভাস্ক্রিপ্ট কার্সার ট্রেইল ইফেক্টস, ভ্যানিলা জাভাস্ক্রিপ্ট কার্সার ট্রেইল ইফেক্ট, ক্লিক এফেক্ট, একটি ট্রিলিং মাউস কার্সার ইফেক্ট তৈরি করুন, কার্সার ট্রেলস স্ক্রিপ্ট জাভাস্ক্রিপ্ট, জাভাস্ক্রিপ্ট ফলো মাউস এফেক্ট, কার্সার ফলো করুন, সিএসএস ব্যবহার করে এইচটিএমএল বাটনের জন্য একটি ক্লিক ইফেক্ট তৈরি করুন - Cursor Click Heart - Love Mouse Click Effect Script
Cursor Click Heart - Love Mouse Click Effect Scriptডোমেইন হোস্টিং সার্ভিস এই লিংকে চাপ দিন ।
ওয়েব ডিজাইন সার্ভিস এই লিংকে চাপ দিন ।
গ্রাফিক্স ডিজাইন সার্ভিস এই লিংকে চাপ দিন ।
ডোমেইন চেকার এই লিংকে চাপ দিন ।
