前段html js:<!-- 百度语音 --> <div id="yuyinbb" style="display:none;"> <audio id="music" > 您的浏览器不支持 audio 标签。 </audio> </div> <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> <script> setInterval("wlphp()",1000); //每隔一秒去post给服务端 function wlphp(){ $.post("",{act:'wlphp'},function (data){ var music="尊敬的后台管理员，客户张三付款了 ，单号：1283328328832,请及时发货谢谢！"; var str="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&text="+encodeURIComponent(music); $("#music").attr("src",str); var music = document.getElementById("music"); music.play(); //这个地方还可以通过jquery 在网页上显示出data返回的文字等 }); } </script>服务端代码示例:$sql="select * from goods_order_info WHERE pay_time<=unix_timestamp(now()) and pay_time>='{$_SESSION['just']}' and pay_time!='' and pay_status=1 LIMIT 1"; $rs=mysql_query($sql); $orderinfo=mysql_fetch_array($rs); if(!empty($orderinfo)){ echo "尊敬的后台管理员，客户".$orderinfo['consignee']."付款了,单号：".$orderinfo['order_sn'].",请及时发货谢谢!"; } $_SESSION['just']=time(); die();

代码function text2links($str='') { if(!preg_match('/(http|www\.|@)/i', $str)) { return $str; } $lines = explode("<br />", $str); $new_text = ''; while (list($k,$l) = each($lines)) { // replace links: $l = preg_replace("/([ \t]|^)www\./i", "\\1http://www.", $l); $l = preg_replace("/([ \t]|^)ftp\./i", "\\1ftp://ftp.", $l); $l = preg_replace("/(http:\/\/[^ )!]+)/i", "<a href=\"\\1\">\\1</a>", $l); $l = preg_replace("/(https:\/\/[^ )!]+)/i", "<a href=\"\\1\">\\1</a>", $l); $l = preg_replace("/(ftp:\/\/[^ )!]+)/i", "<a href=\"\\1\">\\1</a>", $l); $l = preg_replace("/([-a-z0-9_]+(\.[_a-z0-9-]+)*@([a-z0-9-]+(\.[a-z0-9-]+)+))/i", "<a href=\"mailto:\\1\">\\1</a>", $l); $new_text .= $l.'<br />'; } return $new_text; }

美化演示教程简介浏览器自带的alt和title提示太丑了，所以我们需要美化一下，百度有许多，不过对我们这些小白来说很难。第一步放以下js到公用js里面var sweetTitles = { x: 10, y: 20, tipElements: "a,span,img,div ", noTitle: false, init: function() { var b = this.noTitle; $(this.tipElements).each(function() { $(this).mouseover(function(e) { if (b) { isTitle = true } else { isTitle = $.trim(this.title) != '' } if (isTitle) { this.myTitle = this.title; this.title = ""; var a = "<div class='tooltip'><div class='tipsy-arrow tipsy-arrow-n'></div><div class='tipsy-inner'>" + this.myTitle + "</div></div>"; $('body').append(a); $('.tooltip').css({ "top": (e.pageY + 20) + "px", "left": (e.pageX - 20) + "px" }).show('fast') } }).mouseout(function() { if (this.myTitle != null) { this.title = this.myTitle; $('.tooltip').remove() } }).mousemove(function(e) { $('.tooltip').css({ "top": (e.pageY + 20) + "px", "left": (e.pageX - 20) + "px" }) }) }) } }; $(function() { sweetTitles.init() });第二步css也是/*tips*/ .tooltip { font-size:12px; position:absolute; padding:5px; z-index:100000; opacity:.8; font-family:Microsoft Yahei } .tipsy-arrow { position:absolute; width:0; height:0; line-height:0; border:6px dashed #000; top:0; left:20%; margin-left:-5px; border-bottom-style:solid; border-top:0; border-left-color:transparent; border-right-color:transparent } .tipsy-arrow-n { border-bottom-color:#666 } .tipsy-inner { background-color:#666; color:#FFF; max-width:200px; padding:5px 8px 4px 8px; text-align:center; border-radius:3px }