کد ایجاد تولتیپ برای سایت و وبلاگ

کد ایجاد تولتیپ برای سایت و وبلاگ با این کد شما میتوانید با رفتم ماوس روی قسمتی از متن قرار داده شده در کد یک اطلاعاتی را به شکل بسیار زیبا نمایش دهید.این کد با جکوئری ساخته شده و سرعت لود نسبتا بالایی دارد.شما میتوانید کد را از ادامه مطلب دانلود کرده و در نوشته های سایت خحود و یا قالب سایت و … استفاده نمایید.

کد ایجاد تولتیپ برای سایت و وبلاگ

دمو کد

<!DOCTYPE html>
<html lang="en">
<head><div style="display:none"><h1><a title="codebazan" href="https://codebazan.ir">codebazan</a></h1></div>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  
<br><br>
<!------شروع بخش متغیر------>
  <a href="#" data-toggle="tooltip"title="codebazan.ir">ماوس خود را روی نوشته قرار دهید</a>
</div>
<!------پایان بخش متغیر------>
<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();   
});
</script>
</body>
</html>

برای تست کد فوق میتوانید از ابزار پیش نمایش کدبازان استفاده نمایید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *