设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 页面特效 > 详细内容
类似Windows的弹出式帮助
发布时间:2010-3-19  阅读次数:8638  字体大小: 【】 【】【

<html>
<head>
<title>网页特效|Linkweb.cn/Js|---类似Windows的弹出式帮助</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<OBJECT
id=pophelp
type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
>
<PARAM name="Command" value="HH Version">
</OBJECT>

<script language=javascript>
popstyle= "Verdana,10,,";//弹出式帮助字体设定

function showPophelp(helpstr,w,h,Foreground,Background){
if (body.style.cursor=='help')
pophelp.TextPopup(helpstr,popstyle,w,h,Foreground,Background);
}

document.onclick=resetCursor
function resetCursor(){
if (!(event.srcElement.innerText=="?"))
body.style.cursor='default';
}
</script>


<body id=body style="cursor:default;">

<span onclick="javascript:body.style.cursor='help';" style="cursor:help;"><big><b>?</b></big></span>(说明:先点击前面"?"符号,当鼠标样式变为"求助"时,点击下面文字。)<br>

<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span onclick="showPophelp('这是弹出式帮助',20,20,0,255)">弹出式帮助</span><br><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span onclick="showPophelp('我是wingfancy,欢迎大家一起讨论网络编程技术。',20,120,0,0)">wingfancy</span><br><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span onclick="showPophelp('wingfancy@webtsp.net',20,20,0,0)">电子信箱</span><br><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span onclick="showPophelp('http://www.5meng.com',20,20,0,0)">网址</span><br><br>


</body>
</html>

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮