<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css" rel="stylesheet">
<link href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css" rel="stylesheet">
<style>
#clippy {
margin-top: 50px;
}
</style>
</head>
<body>
<img id="clippy" src="http://www.kendoui.com/images/default-source/blog-images/clippyECE846D0DF26.png">
<script type="text/x-kendo-template" id="template">
<h3>Hey, it's my dog!</h3>
<img src="http://www.kendoui.com/images/default-source/blog-images/dog.jpg" >
</script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<script>
(function ($) {
$("#clippy").kendoTooltip({
content: kendo.template($("#template").html()),
position: "right"
});
}(jQuery));
</script>
</body>
</html>