如此迷人的SupeSite
一般的超连接码为<a href="#" title="你好吗?">你好吗?</a> 鼠标经过该"你好吗?"的标题时,只会出现简短的"你好吗?"提示信息!
当我们看到163的内容页里关键词所出现的提示信息的时候,是否为之心动?
当然,我暂时做不到163的效果...但上图效果的美化,应该也不错吧!哈哈~~
只要在页面贴上以下代码.然后将你普通的<a href="$value" >$value[subject]</a>
改为:<a href="$value[url]" title="<img src='$value[a_thumbpath]' width=80 height=80 /><h5>$value[subject]</h5><p>作者 value[username]</p>$value[message]">$value[subject]</a>
你的标题提示信息将会如上图般的变化!
注:$value[a_thumbpath] 图片调用
$value[message] 内容
如果你的调用码没有查询图片附件,没有查询内容,仅仅是查询标题之类,,,,所显示的将不会如此丰富!切记!
菜菜经验,仅供学习使用! 感谢蓝色理想网友提供的代码
如果万一高手不小心经过!,,,那么!我想请教一下[url=http://bt.btchina.net/btbbs/]http://bt.btchina.net/btbbs/的标题提示效果是怎么做出来的!最好共享整套代码!谢谢 - <script language=JavaScript>
- tPopWait=0;//停留tWait豪秒后显示提示。
- tPopShow=56000;//显示tShow豪秒后关闭提示
- showPopStep=20;
- popOpacity=100; //设置透明度
-
- sPop=null;
- curShow=null;
- tFadeOut=null;
- tFadeIn=null;
- tFadeWaiting=null;
-
- document.write("<style type='text/css'id='defaultPopStyle'>");
- document.write(".cPopText {text-align:left;line-height:18px;font-family: ;background-color:#ffffff;color:#000000;border:2px solid #FF9900; font-size:12px; padding:10px; width:200px; filter: Alpha(Opacity=0)}");
- document.write("</style>");
- document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");
- function showPopupText(){
- var o=event.srcElement;
- MouseX=event.x;
- MouseY=event.y;
-
- if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
- if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
- if(o.dypop!=sPop) {
- sPop=o.dypop;
- clearTimeout(curShow);
- clearTimeout(tFadeOut);
- clearTimeout(tFadeIn);
- clearTimeout(tFadeWaiting);
- if(sPop==null || sPop=="") {
- dypopLayer.innerHTML="";
- dypopLayer.style.filter="Alpha()";
- dypopLayer.filters.Alpha.opacity=0;
- }
- else {
- if(o.dyclass!=null) popStyle=o.dyclass
- else popStyle="cPopText";
- curShow=setTimeout("showIt()",tPopWait);
- }
- }
- }
-
- function showIt(){
- dypopLayer.className=popStyle;
- dypopLayer.innerHTML=sPop;
- popWidth=dypopLayer.clientWidth;
- popHeight=dypopLayer.clientHeight;
- if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
- else popLeftAdjust=0;
- if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
- else popTopAdjust=0;
- dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
- dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
- dypopLayer.style.filter="Alpha(Opacity=0)";
- fadeOut();
- }
-
- function fadeOut(){
- if(dypopLayer.filters.Alpha.opacity<popOpacity) {
- dypopLayer.filters.Alpha.opacity+=showPopStep;
- tFadeOut=setTimeout("fadeOut()",1);
- }else{
- dypopLayer.filters.Alpha.opacity=popOpacity;
- tFadeWaiting=setTimeout("fadeIn()",tPopShow);
- }
- }
-
- function fadeIn(){
- if(dypopLayer.filters.Alpha.opacity>0) {
- dypopLayer.filters.Alpha.opacity-=showPopStep;
- tFadeIn=setTimeout("fadeIn()",1);
- }
- }
- //dypopLayer.style.display="";
- document.onmouseover=showPopupText;
- </script>
[ 本帖最后由 htmlrss 于 2007-7-21 05:53 编辑 ] |
置顶卡
喧嚣卡
变色卡
千斤顶
显身卡
楼主
]
差点鲜花就插在牛粪上老·
