toolstip的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><!--><script language="javascript" type="text/javascript" src="javascript/excanvas.js"></script><!--><script language="javascript" type="text/javascript"src="javascript/jquery.min.js"></script><script language="javascript" type="text/javascript"src="javascript/jquery.poshytip.js"></script><link rel="stylesheet" href="javascript/tip-yellow/tip-yellow.css" type="text/css" /><link rel="stylesheet" href="javascript/tip-violet/tip-violet.css" type="text/css" /><link rel="stylesheet" href="javascript/tip-darkgray/tip-darkgray.css" type="text/css" /><link rel="stylesheet" href="javascript/tip-skyblue/tip-skyblue.css" type="text/css" /><link rel="stylesheet" href="javascript/tip-yellowsimple/tip-yellowsimple.css" type="text/css" /><link rel="stylesheet" href="javascript/tip-twitter/tip-twitter.css" type="text/css" /><link rel="stylesheet" href="javascript/tip-green/tip-green.css" type="text/css" /><script type="text/javascript" language="javascript"> $(document).ready( function(){ $("#container").each(function(){ if($("#fillDiv").width()>$(this).width()){ $("#fillDiv").text($("#fillDiv").text().substring(0,$("#fillDiv").html().length-4)); $("#fillDiv").html($("#fillDiv").html()+'…'); } $('#fillDiv').poshytip({ className: 'tip-darkgray', bgImageFrameSize: 11, offsetX: -25, content:'Andriod4.0' }); }); });</script></head><body> <div id="container" style="width: 200px;border: 1px solid;height:40px;"> <span id='fillDiv' style="font-size:41px">Andriod4.0</span> </div></body></html>
页:
[1]