jQuery的第三十五天实践训练
发表时间: 2022-11-19 12:13
<html ><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script src="js/jquery-3.4.1.min.js"></script><script type="text/javascript"> $(document).ready(function(){ let x = 10; let y = 20; $(".box").mouseover(function(e){ let hdw = "<div id='two'>"+this.title+"</div>"; $("body").append(hdw); $("#two").css({ "left":(e.pageX+x)+"px", "top":(e.pageY+y)+"px" }).show("fast"); }).mouseout(function(){ $("#two").remove(); }).mousemove(function(e){ $("#two").css({ "left":(e.pageX+x)+"px", "top":(e.pageY+y)+"px" }); }); });</script><style type="text/css"> body { font:16px "宋体"; padding:100px; } #two { width:300px; border:1px solid #ccc; background:#eee; line-height:30px; position:absolute; padding:10px; display:none; }</style></head><body> <a href="#" class="box" rel="" title="刚刚正式掌管 Twitter 不久的马斯克对公司进行了大刀阔斧的裁员,从他今天发表的推文来看,很显然他对此决策颇为满意,直言 “Twitter 越来越充满活力”。 但与此同时,马斯克旁敲侧击地对 Twitter 的开发团队 “批判” 了一番。他表示自己为 Twitter 在许多国家的极慢运行速度感到抱歉。之所以如此慢是因为 App 需要执行 1000 多个 “糟糕” 的批处理 RPC,而这只是为了渲染主页的时间线">开源资讯</a></body></html>