这篇文章主要为大家展示了“怎么用javascript实现Agent”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“怎么用Javascript实现Agent”这篇文章吧。既然是显示右键菜单,那么我们
这篇文章主要为大家展示了“怎么用javascript实现Agent”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“怎么用Javascript实现Agent”这篇文章吧。
既然是显示右键菜单,那么我们就要截获对精灵按右键时的事件oncontextmenu
然后将右键菜单的html封装到一个函数,一上来这个菜单层是隐藏的
function getMenuHtml()
{
var menuHtml ="
";
menuHtml += "
";
menuHtml += "";
menuHtml += "";
menuHtml += "";
menuHtml += "
"; menuHtml += "Menu1"; menuHtml += " |
";
menuHtml += "
";
return menuHtml;
}
实现右键菜单,我们需要精灵截获oncontextmenu事件,需要对昨天的run函数进行一点小的修改
Agent.prototype.run=function()
{
var agentHtml = "";
agentHtml += "Http://blog.itpub.net/9650775/viewspace-922715/+this.imgAgent;
agentHtml += " alt="怎么用Javascript实现Agent">";
agentHtml += getMenuHtml();
return document.write(agentHtml);
}
可以看出oncontextmenu调用的是showRightMenu函数,这个函数使菜单层可见,并且显示位置随着鼠标的位置而显示
注解:
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
event.clientX:鼠标点击的x轴位置
event.clientY:鼠标点击的y轴位置
function showRightMenu()
{
menu.style.left=document.body.scrollLeft+event.clientX
menu.style.top=document.body.scrollTop+event.clientY
menu.style.visibility="visible";
return false;
}
菜单现在可以显示了,如何使其消失呢?应当是用户点击任意位置就可消失
document.onclick=click
function click()
{
menu.style.visibility="hidden";
}
以上是“怎么用Javascript实现Agent”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网精选频道!
--结束END--
本文标题: 怎么用Javascript实现Agent
本文链接: https://www.lsjlt.com/news/233325.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
一口价域名售卖能注册吗?域名是网站的标识,简短且易于记忆,为在线用户提供了访问我们网站的简单路径。一口价是在域名交易中一种常见的模式,而这种通常是针对已经被注册的域名转售给其他人的一种方式。
一口价域名买卖的过程通常包括以下几个步骤:
1.寻找:买家需要在域名售卖平台上找到心仪的一口价域名。平台通常会为每个可售的域名提供详细的描述,包括价格、年龄、流
443px" 443px) https://www.west.cn/docs/wp-content/uploads/2024/04/SEO图片294.jpg https://www.west.cn/docs/wp-content/uploads/2024/04/SEO图片294-768x413.jpg 域名售卖 域名一口价售卖 游戏音频 赋值/切片 框架优势 评估指南 项目规模
0