鏡像站點 | MAP
 
網站首頁 網站策劃 優化推廣 作品展示 SEO知識 技術文獻 費用標準 軟件下載 聯系方式
SEO知識
技術文獻
相關文章

首頁 > 技術文獻

一個超漂亮圖片或文字提示框

TIME:2010-7-30 10:52:03  HITS:

關鍵字:文字提示框  摘自:目標科技

  一個超漂亮的按鈕提示,是從QQ網站扣下來的,門戶就是不一樣,效果平滑,兼容性好,用了兩張小GIF圖來修飾,請順著代碼路徑另存到本地,絕對漂亮。

以下是代碼片段:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文字提示</title>
<STYLE>
@media all {
      IE\:clientCaps {behavior:url(#default#clientcaps)}
}
#Layer1{
 position:absolute;
 width:300px;
 z-index:1;
 margin-top:30px;
 margin-left:30px !important; margin-left:10px;
 display:none;
}
.intro-top-line{
 width:100%; background:url(http://www.codefans.net/jscss/demoimg/200909/black-line.gif) repeat-x 0 13px;
}
.intro-arrow{
 width:100%; background:url(http://www.codefans.net/jscss/demoimg/200909/intro_arrow.gif) no-repeat 60px 0; height:14px; overflow:hidden;
}
.intro-content{
 border:1px black solid; border-top:0; background:#FFFFCC;
}
.intro-content-text{
 margin:10px !important; margin:5px; text-align:left; font:normal 12px 宋體,arial;
}
</STYLE>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'block':(v=='hide')?'none':v; }
    obj.display=v; }
}
//-->
</script>
</head>
<body>
<script language="javascript">
function CheckAndHideMenu(_Event, aParent)
{
 var theEvent = GetEvent(_Event) ;
 var theEventSrc = GetEventSrc(theEvent) ;
 var theEventTarget = GetEventToElement(theEvent) ;
 
 if (IsParentOf(theEventTarget, aParent) )
  return ;
 
    if (GetTopParent(theEventTarget) == GetTopParent(__lastMenu))
 {
  return ;
 }
 HideMenu() ;    
 return ;
}
</script>
<div id="Layer1">
<div class="intro-top-line" style="width:100%;"><div class="intro-arrow"></div></div>
<div class="intro-content" style="width:298px;">
<div class="intro-content-padder" style="width:298px;">
<div class="intro-content-text" style="width:278px; overflow:hidden;">源碼愛好者為您提供精品源代碼極速下載,歡迎經常來這里哦!</div></div></div></div><a onmouseover="MM_showHideLayers('Layer1','','show','Layer2','','hide','Layer3','','hide')" onmouseout="MM_showHideLayers('Layer1','','hide','Layer2','','hide','Layer3','','hide')" href="http://www.codefans.net" target="_blank"><img src="http://www.codefans.net/jscss/demoimg/200909/dl_mode_01.gif" border="0" /></a><IE:clientCaps ID="oClientCaps" /></div>
</body>
</html>


哈爾濱目標科技開發有限公司 • 版權所有 CopyRight 2009-2012

QQ:36268333

哈爾濱網站建設熱線:13945093721 0451-88002799

mgcc电子游艺城