اضافة ميزة مكان ضغط الموس على بلوجر
السلام عليكم، مرحبًا بكم مرة أخرى في درس اليوم الجديد. في هذا درس سوف أشارككم
كيفية إضافة تأثير الماوس على المدون. من خلال إضافة هذا السكريبت ، بمجرد أن يأتي
زوار موقع الويب الخاص بك إلى موقع الويب الخاص بك ، بمجرد النقر فوق موقع الويب
الخاص بك ، سيكون تأثير الماوس هذا مرئيًا على موقع الويب الخاص بك.
يتم إنشاء تأثير الماوس بمساعدة HTML و CSS و JavaScript و JQuery. ربما تكون قد
شاهدت على موقع الويب أو المدونة الخاصة بأشخاص آخرين ، عند النقر فوق بعد زيارة
موقع الويب الخاص بهم ، سيتم إعطاء تأثير النقر بالماوس.
طريقة التركيب
قم بتسجيل الدخول إلى حساب Blogger الخاص بك.
الخطوة 1: - ثم انقر فوق قائمة السمات.
الخطوة - بعد النقر فوق تحرير Html.
الخطوة 3: - ثم انسخ كود Css المعطى وضعه فوق كود
</head><style type="text/css">
/* Mouse Click Effect Css By btechnomee.blogspot.com */
.mteffect{width:60px;height:60px;border-radius:99em;border:3px solid #6200ee;position:fixed;left:50%;transform:scale(0.5);display:none;z-index:999}.mteffect.active{display:block;animation:mteffect 0.4s ease-out forwards}
@keyframes mteffect{from{transform:scale(0.2);opacity:1}to{transform:scale(1);opacity:0}}
</style>
الخطوة 4:-ابحث عن
</body> وضع التالي فوقها. <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
<script>//<![CDATA[
$("body").append($('<span class="mteffect"></span>')),$(document).on("click",function(n){var i=n.clientX,a=n.clientY;$(".mteffect").css({top:a-30,left:i-30}).addClass("active")}),$(".mteffect").on("animationend webkitAnimationEnd oAnimationEnd oanimationend MSAnimationEnd",function(){$(".mteffect").removeClass("active")});
//]]>
</script>الٱن اضغط حفظ القالب وعاينه.
والى هنا نكون انتهينا من درس اليوم ننتظركم في دروس اخرى.
akram lam
just writer and ui&ux designer and web devolper
