Tooltip with question mark on mouse over using JQuery
Tooltip
is a message which appears when a cursor is positioned over an icon, image,
hyperlink, or other element in a graphical user interface.
In this article , we will show tooltrip funtion with question mark .
Source Code:-
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="tooltrip.aspx.cs" Inherits="tooltrip" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://tipso.object505.com/tipso.css">
<script src="http://tipso.object505.com/tipso.js"></script>
<link rel="stylesheet" href="http://tipso.object505.com/animate.css">
<script>
jQuery(document).ready(function () {
jQuery('.top-right').tipso({
position: 'top-right',
background: '#ff5757',
titleBackground: '#18b1a8',
titleContent: 'Code Solution',
useTitle: false,
tooltipHover: true
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
This is
an example of tooltrip <a href="#" class="top-right" data-tipso="Code Solution page
refer to improve your code skills. you can also learn many theoretical question
they will be help in interview time.">Code Solutions</a>
</div>
</form>
</body>
</html>
Out-Put:-
Tooltip with question mark on mouse over using JQuery
Reviewed by NEERAJ SRIVASTAVA
on
7:10:00 PM
Rating:
Reviewed by NEERAJ SRIVASTAVA
on
7:10:00 PM
Rating:
No comments: