元素设置了title属性后页面可以加入如下脚本显示自定仪样式

1。onpropertychange可以捕获元素属性变化事件
2。浏览器后保持状态方法:<meta content="history" name="save">
<INPUT id="HiddenAddion" onpropertychange="ModifyFlight()" type="hidden" name="HiddenAddion"
       runat="server" style="BEHAVIOR: url(#default#savehistory)">
3。<title><%=Title%>--遨游网</title>
((InputPassengerInfo_J)this.Page).Title=cantun.SelectSingleNode ("/ProductInfos/BaseInfos/ProductName").InnerText.ToString ();
4。<TD id="td7" style="BORDER-RIGHT: #ffccff 1px solid; BORDER-TOP: #ffccff 0px solid; BORDER-LEFT: #ffccff 0px solid; BORDER-BOTTOM: #ffccff 0px solid"
         width="8" bgColor="#ffffff">  可以自定仪显示边框
5。元素设置了title属性后页面可以加入如下脚本显示自定仪样式:

         var pltsPop=null;
  var pltsoffsetX = 10;
  var pltsoffsetY = 5;
  var pltsPopbg="red";
  var pltsPopfg="blue";
  var pltsTitle="";

  document.write('<div id=pltsTipLayer style="display: none;position: absolute; z-index:10001"></div>');

  function pltsinits()
  {
   document.onmouseover   = plts;
   document.onmousemove = moveToMouseLoc;
  }

  function plts()
  {      
                        var o=event.srcElement;
   if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
   if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
   pltsPop=o.dypop;
   if(pltsPop!=null&&pltsPop!=""&&typeof(pltsPop)!="undefined")
   {
   pltsTipLayer.style.left=-1000;
   pltsTipLayer.style.display='';
   var Msg=pltsPop.replace(//n/g,"<br>");
   Msg=Msg.replace(//0x13/g,"<br>");
   var re=//{(.[^/{]*)/}/ig;
   if(!re.test(Msg))pltsTitle="<font color=DarkOrchid>www.aoyou.com</font>";
   else{
   re=//{(.[^/{]*)/}(.*)/ig;
     pltsTitle=Msg.replace(re,"$1")+"&nbsp;";
   re=//{(.[^/{]*)/}/ig;
   Msg=Msg.replace(re,"");
   Msg=Msg.replace("<br>","");
   }
   
   var attr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":"");
          var content =
         '<table style="FILTER:alpha(opacity=90) shadow(color=#bbbbbb,direction=150);" id=toolTipTalbe border=0 bgcolor =green cellSpacing=1 cellPadding=4 ><tr><td width="100%"  bgcolor =GhostWhite><table class=selet_bg cellspacing="0" cellpadding="0" style="width:100%" style="font size:11px;">'+
         '<tr><td "+attr+" align=center style="padding-left:2px;padding-right:2px;padding-top: 3px;padding-bottom:1px;line-height:135%"><font color=blue size=2><b>'+Msg+'</b></font></td></tr>'+
         '<tr id=pltsPoptop><th valign=bottom class=header><p id=topleft align=center>'+pltsTitle+'</p><p id=topright align=center style="display:none">'+pltsTitle+'</font></th></tr>'+
         '<tr id=pltsPopbot style="display:none"><th height=12 valign=bottom class=header><p id=botleft align=center>'+pltsTitle+'</p><p id=botright align=center style="display:none">'+pltsTitle+'</font></th></tr>'+
         '</table></td></tr></table>';
          pltsTipLayer.innerHTML=content;
          toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2);
          moveToMouseLoc();
          return true;
   }
   else
   {
       pltsTipLayer.innerHTML='';
         pltsTipLayer.style.display='none';
          return true;
   }
  }

  function moveToMouseLoc()
  {
   if(pltsTipLayer.innerHTML=='')return true;
   var MouseX=event.x;
   var MouseY=event.y;
   //window.status=event.y;
   var popHeight=pltsTipLayer.clientHeight;
   var popWidth=pltsTipLayer.clientWidth;
   if(MouseY+pltsoffsetY+popHeight>document.body.clientHeight)
   {
      popTopAdjust=-popHeight-pltsoffsetY*1.5;
      pltsPoptop.style.display="none";
      pltsPopbot.style.display="";
   }
   else
   {
       popTopAdjust=0;
      pltsPoptop.style.display="";
      pltsPopbot.style.display="none";
   }
   if(MouseX+pltsoffsetX+popWidth>document.body.clientWidth)
   {
    popLeftAdjust=-popWidth-pltsoffsetX*2;
    topleft.style.display="none";
    botleft.style.display="none";
    topright.style.display="";
    botright.style.display="";
   }
   else
   {
    popLeftAdjust=0;
    topleft.style.display="";
    botleft.style.display="";
    topright.style.display="none";
    botright.style.display="none";
   }
   pltsTipLayer.style.left=MouseX+pltsoffsetX+document.body.scrollLeft+popLeftAdjust;
   pltsTipLayer.style.top=MouseY+pltsoffsetY+document.body.scrollTop+popTopAdjust;
     return true;
  }
  pltsinits();
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值