本文介绍如何使用 JavaScript 脚本动态修改网页中站外链接的鼠标指针（cursor）样式。通过检测链接域名与当前网站是否一致，为指向外部资源的链接应用不同的光标视觉效果，从而提升用户交互体验并直观区分站内与站外跳转。
JavaScript 修改站外链接光标样式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>用 JavaScript 给站外链接的 cursor 进行改造 - Beautiful Style « 样式之美 » loaoao.com </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="KEYWords" content="js,cursor,outlinks,links,jscc,css,xhtml,effect" /> <meta name="DEscription" content="用 JavaScript 给站外链接的 cursor 进行改造" /> <meta name="author" content="aoao" /> <meta content="all" name="robots" /> <link rel="start" href="http://www.loaoao.com" title="Home" /> <!--统计代码结束 --> </body> </html> 注意：在页面中引入外部 JavaScript 代码后，必须刷新页面才能使脚本生效。