<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery dynamic prompt message box effect</title><base target="_blank" />
<style type="text/css">
* { font-family: monaco; }
div.item_keleyi_com { width:100px; height:50px; background-color: maroon; text-align:center; padding-top:25px; }
div#item_keleyi_com_1 { position: absolute; top: 50px; left: 50px;color: white; }
div#item_keleyi_com_2 { position: absolute; top: 500px; left: 0px;color: white; }
div#item_keleyi_com_3 { position: absolute; top: 0px; left: 500px;color: white; }
div#item_keleyi_com_4 { position: absolute; top: 500px; left: 500px; color: white;}
ul{ list-style:none;padding:0px 0px 0px 10px;}a{color:Blue;}
</style>
<link rel="stylesheet" href="/keleyi/phtml/jqtexiao/2/stylesheets//" type="text/css" />
<script type="text/javascript" src="/keleyi/pmedia/jquery/jquery-1.10."></script>
<script type="text/javascript" src="/keleyi/phtml/jqtexiao/2/javascripts/"></script>
<script type="text/javascript">
$j = ();
$j(document).ready(function(){
$j("div.item_kel"+"eyi_com").tooltip();
});
</script>
</head>
<body>
<div class="item_keleyi_com">
Ke Leyi
<div class="tooltip_description" style="display:none" title="Keleyi Details">
The name of this website: Ke Leyi<br />
The website address: <br />
This site provides jQuery special effects, Javascript examples, source code and other content materials. Welcome to visit! Ke Leyi
<br />Tools:
<br />Search for content of this site:
</div>
</div>
<div class="item_keleyi_com">
jQuery
<div class="tooltip_description" style="display:none" title="jQuery Introduction">
Website: /menu/jquery/
<br />There are many special effects and knowledge of jQuery on the website, welcome to visit.
jQuery implements the separation of scripts and pages<br />
Save developers to learn time<br />
Make JavaScript programming fun<br /><br /><br />
For more information, please visit: / <br />
Search: Advantages and shortcomings of jQuery
</div>
</div>
<div class="item_keleyi_com">
HTML5
<div class="tooltip_description" style="display:none" title="HTML5 Introduction">
The development of HTML5 is becoming more and more mature, and many applications have gradually appeared in your and my daily lives. Not only has the interactive Flash on traditional websites gradually been replaced by HTML5 technology, but more importantly, it can use HTML5 technology to develop cross-platform mobile software, which makes many developers very excited! <br />
Generally speaking, HTML5 includes three parts: HTML, CSS and JavaScript. It is not just an HTML part, but also many innovations in CSS 3 and JavaScript, making the entire web program more colorful. <br />
</div>
</div>
<div class="item_keleyi_com">
Javascript
<div class="tooltip_description" style="display:none" title="Javascript introduction">
In JavaScript, the scope of variables includes global (window object) scope and function call scope. <br />
js get the external network/WAN IP address of the machine<br /><br /><br />
For more information, please visit: / <br />
Search: Javascript scope<br />
js get the external network/WAN IP address of the machine<br />
</div>
</div>
<div style="clear:both;margin-top:130px;width:960px;">
<h3>jQuery dynamic prompt message box effect</h3>
<p>Please move the cursor to the four rectangles. Applicable browsers: IE8, 360, FireFox, Chrome, Safari, Opera, Aoyou, Sogou, Window of the World. <br />Source: <a href="/">Ke Leyi</a> <a href="/a/bjac/">Original text</a></p>
<ul>
<li><a href="/a/bjac/">jQuery AJAX</a></li>
<li><a href="/a/bjac/">Navigation Style</a></li>
<li><a href="/a/bjac/">Side navigation</a></li>
<li><a href="/dev/">Tree Menu</a></li>
<li><a href="/a/bjac/">jquery ui Foldable Accordion Menu</a></li><li><a href="/a/bjac/">jQuery :even Even Selector</a></li><li><a href="/a/bjac/">Expand and collapsed div's jQuery code</a></li><li><a href="/a/bjac/">jQuery Image Revolving * Example</a></li>
</ul>
</div>
</body>
</html>