Skip to content

Instantly share code, notes, and snippets.

@elleryq

elleryq/jquery_click_and_hint.html

Created September 18, 2017 13:21
Show Gist options
  • Save elleryq/8dfe107f1a3b1396cc5207117857c614 to your computer and use it in GitHub Desktop.
Save elleryq/8dfe107f1a3b1396cc5207117857c614 to your computer and use it in GitHub Desktop.
Download ZIP
jQuery 1.3 click and show hint
Raw
jquery_click_and_hint.html
<html>
<head>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// Load jQuery
google.load("jquery", "1.3");
</script>
<script type="text/javascript">
function doHide() {
//$("#hint").hide();
$("#hint").fadeOut("slow");
}
google.setOnLoadCallback(function() {
$(".hide").hide();
$(".reddot").click( function() {
//$("#hint").show();
$("#hint").fadeIn( "slow" );
setTimeout( "doHide();", 5000);
} );
} );
</script>
</style>
</head>
<body>
<p><span class="reddot">*</span><span class="reddot">姓名</span><input type="text" name="txt" value="1"/><span id="hint" class="hide">Help me!!</span></p>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment