首页
|
互联网
|
IT动态
|
网络设备
|
服务器
|
IDC
|
安全
|
Cisco
|
Windows
|
Linux
|
Java
|
.Net
|
Oracle
|
CIW
|
华为
|
专题
IT技术
|
网页设计
|
平面设计
|
电子书下载
|
教学视频
|
方案
|
数字网校
|
直播室
|
虚拟考场
|
面授培训
|
搜索
|
博客
|
沙龙
|
论坛
网页设计
Dreamweaver
|
Flash
Fireworks
|
Frontpage
HTML/CSS
|
Javascript
平面设计
Photoshop
|
CorelDraw
AuotoCAD
|
Illustrator
Freehand
多 媒 体
3DMax
|
Authorware
Director
|
Maya
工具软件
PP点点通
|
迅雷
|
BT
eMule
|
FlashGet
|
Nero
Ghost
|
Outlook
|
IE
Maxthon
|
Office
即时通讯
QQ
|
MSN
|
网易泡泡
Skype
|
雅虎通
|
新浪UC
最新文章
您现在的位置:
中国IT实验室
>>
网页设计
>>
Dreamweaver
>>
Dreamweaver应用实例
>> 文章正文
Dreamweaver实现的漂亮的提示信息栏
中国设计秀Cnwebshow.com
2007-8-21
佚名
保存本文
推荐给好友
收藏本站
◆ 网页平面多媒体培训、认证考试免费咨询热线:
400-700-5807
进入网络咨询平台
◆
<style> .tableBorder7{width:800;solid; background-color: #000000;} TD{font-family: 宋体;font-size: 12px;line-height : 15px ;} th{background-color: #f7f7f7;color: #000000;font-size: 12px;font-weight:bold;} th.th1{background-color: #333333;} td.TableBody7{background-color: #B1EA45;} </style> <script language="
Java
Script"> //more javascript from http://www.cnwebshow.com <!-- var pltsPop=null; var pltsoffsetX = 10; // 弹出窗口位于鼠标左侧或者右侧的距离;3-12 合适 var pltsoffsetY = 15; // 弹出窗口位于鼠标下方的距离;3-12 合适 var pltsPopbg="#FFFFEE"; //背景色 var pltsPopfg="#111111"; //前景色 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=#ffffff>简介</font>"; else{ re=/\{(.[^\{]*)\}(.*)/ig; pltsTitle=Msg.replace(re,"$1")+" "; 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=135);" id=toolTipTalbe border=0><tr><td width="100%"><table class=tableBorder7 cellspacing="1" cellpadding="0" style="width:100%">'+ '<tr id=pltsPoptop ><th height=18 valign=bottom class=th1 ><b><p id=topleft align=left><font color=#ffffff>↖</font>'+pltsTitle+'</p><p id=topright align=right style="display:none">'+pltsTitle+'<font color=#ffffff>↗</font></b></th></tr>'+ '<tr><td "+attr+" class=tablebody7 style="padding-left:14px;padding-right:14px;padding-top: 6px;padding-bottom:6px;line-height:135%">'+Msg+'</td></tr>'+ '<tr id=pltsPopbot style="display:none"><th height=18 valign=bottom class=th1><b><p id=botleft align=left><font color=#ffffff>↙</font>'+pltsTitle+'</p><p id=botright align=right style="display:none">'+pltsTitle+'<font color=#ffffff>↘</font></b></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(); //--> </script> </HEAD> <BODY> <div title="醉别西楼醒不记,春梦秋云,聚散真容易。<br>斜月半窗还少睡。画屏闲展吴山翠。<br>衣上酒痕诗里字,点点行行,总是凄凉意。<br>红烛自怜无好计,夜寒空替人垂泪。">蝶恋花</div> </BODY> </HTML>
【责编:runlz】
相关产品与培训
相关文章
推荐文章
由浅入深实践学习 Web 标准
用排版软件InDesign为长文件编排目录
Dreamweaver便捷技巧方法十六则
玩转Dreamweaver-CSS属性
从平面栅格设计看网页中的布局设计
XHTML+CSS写出正规的BLOG
举例熟悉网页的头部信息表示涵义
网页WEB字体,CSS如何控制?
用HTML和CSS写出漂亮正规的BLOG
Dreamweaver使用CSS样式表设置网页
文章评论
精彩友情推荐
华为网管交换机
IDC资讯大全
华为以太网交换机
机房品质万里行
华为交换机最新报价
IDC托管必备知识
华为千兆光纤交换机
全国IDC报价
华为千兆交换机
网站推广优化