tooltip使用，可以显示图片，文字

最新推荐文章于 2024-08-03 16:08:42 发布

windy

最新推荐文章于 2024-08-03 16:08:42 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

文章标签： ie javascript border function colors table

本文链接：https://blog.youkuaiyun.com/wccczxm/article/details/3857976

本文通过一个具体的PHP代码示例，展示了如何使用htmlspecialchars函数进行字符串转义处理，并结合JavaScript实现了鼠标悬停提示效果。代码中还包含了不同浏览器兼容性的处理方式。

<?php $productName = '(我爱你胜莉,呵呵—)'; $productName = $productName . '<img height="46" border="0" width="137" alt="到百度首页" src="http://www.baidu.com/img/logo-yy.gif" mce_src="http://www.baidu.com/img/logo-yy.gif"/><br /><br /><br />test'; $productName = htmlspecialchars($productName); //$productName = str_replace(array('/'','(',')','"',),array('///'','/(','/)','"'),$productName); //echo $productName; ?> <a href="javascript:" mce_href="javascript:" class="greyPill" onmouseover="doTooltip(event,0,'<?php echo $productName;?>')" onmouseout="hideTip()"> <span><?php echo 'Details' ;?></span> </a> <div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100; width:300px;"></div> <mce:script type="text/javascript"></mce:script>