javascript-ej1-demos/tooltip/defaultfunctionalities.html

85 строки
3.3 KiB
HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Essential JS 1: Tooltip - Default Functionalities</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8" />
<link href="../content/bootstrap.min.css" rel="stylesheet">
<link href="../content/ejthemes/default-theme/ej.web.all.min.css" rel="stylesheet" />
<link href="../content/default.css" rel="stylesheet" />
<link href="../content/default-responsive.css" rel="stylesheet" />
<!--[if lt IE 9]>
<script src="../scripts/jquery-1.11.3.min.js" type="text/javascript" ></script>
<![endif]-->
<!--[if IE 9]><!-->
<script src="../scripts/jquery-3.4.1.min.js" type="text/javascript"> </script>
<!--<![endif]-->
<script src="../scripts/ej.web.all.min.js" type="text/javascript"></script>
<script src="../scripts/properties.js" type="text/javascript"></script>
</head>
<body>
<div class="content-container-fluid">
<div class="row">
<div class="cols-sample-area">
<div class="frame">
<div class="control">
JavaScript is a high-level, dynamic, untyped, and interpreted programming language. It has been standardized in the <a id="link1"><u> ECMAScript </u> </a>language specification. Alongside HTML and CSS, it is one of the three essential technologies of <a id="link2"><u> World&nbsp;Wide&nbsp;Web </u> </a>content production; the majority of websites employ it and it is supported by all modern Web browsers without plug-ins. JavaScript is prototype-based with first-class functions, making it a multi-paradigm language, supporting <a id="link3"> <u>object&nbsp;-&nbsp;oriented </u> </a>, imperative, and functional programming styles.
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function (){
$("#link1").ejTooltip(
{
content: "ECMAScript (or ES) is a trademarked scripting-language specification standardized by Ecma International in ECMA-262 and ISO/IEC 16262.",
});
$("#link2").ejTooltip(
{
content : "The World Wide Web (WWW) is an information space where documents and other web resources are identified by URLs, interlinked by hypertext links, and can be accessed via the Internet.",
position :{
stem: {
horizontal: "left",
vertical: "center"
},
target: {
horizontal : "right",
vertical : "center",
},
}
});
$("#link3").ejTooltip(
{
content : 'Object-oriented programming (OOP) is a programming language model organized around objects rather than "actions" and data rather than logic.',
position :{
stem: {
horizontal: "right",
vertical: "center"
},
target: {
horizontal : "left",
vertical : "center",
},
}
});
});
</script>
<style>
u {
color: #00b8e6;
}
.frame {
width: 100%;
box-sizing: border-box;
line-height: 28px;
text-align : "justify",
font-family: "Times New Roman", Times, serif;
}
</style>
</body>
</html>