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>