网站关键词优化代码详解,网站关键词优化代码详解指南
栏目:网络营销 发布时间:2025-05-03
在互联网的洪流中,拥有一个高质量、吸引人的网站是获取潜在客户的关键,为了提升搜索引擎排名,网站关键词优化成为一项重要任务,本文将详细解析如何通过使用特定的HTML和JavaScript代码来优化您的网站关键词,提高其搜索引擎可见性,什么是关键词优化?关键词优化是一种技术手段,旨在提高网页在搜索引擎结...

在互联网的洪流中,拥有一个高质量、吸引人的网站是获取潜在客户的关键,为了提升搜索引擎排名,网站关键词优化成为一项重要任务,本文将详细解析如何通过使用特定的HTML和J*aScript代码来优化您的网站关键词,提高其搜索引擎可见性。

什么是关键词优化?

关键词优化是一种技术手段,旨在提高网页在搜索引擎结果页(SERP)中的展示位置,关键词优化通常涉及对页面内容、元数据以及链接结构进行调整,使其与用户查询的关键词更加匹配,通过优化这些元素,搜索引擎可以更好地理解页面的内容,并将该页面视为与特定搜索查询相关的优质资源。

HTML代码优化

  1. 元描述: 元描述是页面最下方的一段文字,一般为100-160个字符左右,用于展示给搜索引擎,合理的元描述不仅可以增加页面的点击率,还能为用户提供更好的阅读体验。

    示例:

    <meta name="description" content="我们的网站提供最新的科技资讯,包括手机、电脑、智能家居等最新动态。">
  2. : 标题标签()不仅显示在浏览器的标题栏上,还会影响搜索引擎的结果排名,确保每个页面都有一个简洁明了且包含主要关键词的标题标签。</p> <p>示例:</p> <pre class="31e3115531658fbe brush:html;toolbar:false"><title>科技前沿 | 最新科技资讯</title></pre> </li> <li> <p><strong>H1标签</strong>: H1标签代表页面的主要标题,合理使用H1标签可以帮助搜索引擎更好地理解页面内容结构。</p> <p>示例:</p> <pre class="115531658fbe437d brush:html;toolbar:false"><h1>科技前沿</h1></pre> </li> <li> <p><strong>内链和外链</strong>: 内链指的是在同一网站内部不同页面之间的链接,有助于形成一个良好的内部链接结构,提高页面权重,外链则是指向其他网站的链接,对于提高网站权重和权威度非常重要。</p> <p>示例(内链):</p> <pre class="31658fbe437da3b1 brush:html;toolbar:false"><a href="/article/technology-news">查看最新科技资讯</a></pre> <p>示例(外链):</p> <pre class="8fbe437da3b1d4d0 brush:html;toolbar:false"><a href="https://www.example.com" rel="nofollow">访问合作伙伴网站</a></pre> </li> </ol> <h2>J*aScript代码优化</h2> <p>除了HTML之外,J*aScript代码也可以用来提升网站的SEO效果,可以通过以下几种方式实现:</p> <ol> <li> <p><strong>J*aScript注入元描述</strong>: 使用J*aScript可以在页面加载后动态地向元描述中添加内容,从而增强用户体验并提高搜索引擎可见性。</p> <p>示例:</p> <pre class="437da3b1d4d0c24c brush:javascript;toolbar:false">document.write('<meta name="description" content="最新科技资讯,涵盖手机、电脑、智能家居等。">');</pre> </li> <li> <p><strong>动态生成标题标签</strong>: 利用J*aScript可以自动生成页面标题标签,以适应不同的页面内容或SEO需求。</p> <p>示例:</p> <pre class="a3b1d4d0c24c68da brush:javascript;toolbar:false">let pageTitle = "最新科技资讯"; document.title = pageTitle;</pre> </li> <li> <p><strong>动态添加关键词标签</strong>: 有时需要根据特定条件动态修改页面的关键词标签,这可以通过J*aScript实现。</p> <p>示例:</p> <pre class="2279bcbe9c0e1ada brush:javascript;toolbar:false">let keywords = "最新科技资讯, 手机, 电脑, 智能家居"; document.querySelector('meta[name="keywords"]').setAttribute('content', keywords);</pre> </li> </ol> <p>通过上述HTML和J*aScript代码的使用,您可以有效优化网站关键词,提升其在搜索引擎中的表现,重要的是要保持页面内容的高质量,并确保代码逻辑清晰、可维护,建议定期检查和调整关键词优化策略,以适应不断变化的搜索引擎算法。</p> <!-- 详情页标签输出开始 --> <p><br> # <a href="/tags/343607.html" target="_blank" >遵义各类型网站建设思路</a>  # <a href="/tags/1639238.html" target="_blank" >营销推广可靠吗</a>  # <a href="/tags/1639237.html" target="_blank" >营销推广剪映ai</a>  # <a href="/tags/130618.html" target="_blank" >南县网站建设流程</a>  # <a href="/tags/814459.html" target="_blank" >安阳精准网络营销推广</a>  # <a href="/tags/1639235.html" target="_blank" >餐饮网站建设怎么收费</a>  # <a href="/tags/541246.html" target="_blank" >安达网络推广营销</a>  # <a href="/tags/259104.html" target="_blank" >建设网站目的及功能定位</a>  # <a href="/tags/1639234.html" target="_blank" >网站建设营销教程</a>  # <a href="/tags/1639233.html" target="_blank" >洛阳网站推广市场</a>  # <a href="/tags/1639232.html" target="_blank" >宁波网站建设品牌公司</a>  # <a href="/tags/1294179.html" target="_blank" >业务营销的推广技巧</a>  # <a href="/tags/1519512.html" target="_blank" >北京互联网推广营销公司</a>  # <a href="/tags/1639230.html" target="_blank" >怎么营销美食推广产品</a>  # <a href="/tags/1350931.html" target="_blank" >包头问答营销推广</a>  # <a href="/tags/32972.html" target="_blank" >沾化区怎么做网站推广</a>  # <a href="/tags/1639223.html" target="_blank" >网站关键词优化代码详解</a>  # <a href="/tags/1235177.html" target="_blank" >上海短视频推广招商网站</a>  # <a href="/tags/967412.html" target="_blank" >石碣商城网站建设</a>  # <a href="/tags/1639225.html" target="_blank" >网络营销推广公司企业</a>  # <a href="/tags/914074.html" target="_blank" >临汾商城网站建设费用</a>  # <a href="/tags/18403.html" target="_blank" >都有</a>  # <a href="/tags/4982.html" target="_blank" >更好地</a>  # <a href="/tags/514.html" target="_blank" >互联网</a>  # <a href="/tags/5241.html" target="_blank" >您的</a>  # <a href="/tags/5553.html" target="_blank" >的是</a>  # <a href="/tags/5988.html" target="_blank" >高质量</a>  # <a href="/tags/5459.html" target="_blank" >优化网站关键词</a>  # <a href="/tags/52621.html" target="_blank" >网站关键词优化</a>  # <a href="/tags/966389.html" target="_blank" >网站关键词优化代码</a>  # <a href="/tags/1118.html" target="_blank" >关键词</a>  # <a href="/tags/1639224.html" target="_blank" >网站关键词优化代码详解指南</a>  </p> <!-- 详情页标签输出结束 --> <!-- 随机文章输出开始 --> <p><br>相关文章: <a href='/news/4553.html'>武汉网站 *** 公司,助力企业打造高效 *** 平台,武汉专业网站建设,助力企业构建高效 *** 新门户</a>  <a href='/news/5569.html'>网站导航升级指南,如何为您的网站添加高效便捷的导航功能,打造高效网站导航,升级指南与便捷添加策略</a>  <a href='/news/5486.html'>搭建网站需要学什么软件下载?全方位解析网站建设必备工具,网站建设必备软件攻略,全方位解析搭建网站所需工具</a>  <a href='/news/4245.html'>西安网站建设公司,助力企业数字化转型,打造专业 *** 平台,西安专业网站建设,赋能企业数字化升级</a>  <a href='/news/3978.html'>全方位解析门户网站建设方案,打造高效、专业的 *** 平台,构建高效专业 *** 平台,门户网站建设方案全解析</a>  <a href='/news/4153.html'>大连网站设计公司,助力企业打造专业、高效的在线形象,大连专业网站设计,塑造企业卓越在线品牌形象</a>  <a href='/news/5007.html'>网站为何难逃百度收录困境,揭秘SEO优化难题,百度收录难题揭秘,网站如何突破百度收录困境,破解百度收录难题,揭秘SEO优化突破之道</a>  <a href='/news/5063.html'>网站注销申请表,轻松完成线上业务终止的官方指南,一键注销,轻松终止线上业务的官方指南</a>  <a href='/news/4304.html'>巩义网站建设,助力企业转型升级,打造数字化新名片,巩义企业数字化升级,网站建设铸就新名片,巩义企业数字化升级,网站建设助力打造新名片</a>  <a href='/news/3954.html'>哈尔滨网站 *** ,打造专业、高效、个性化的 *** 平台,哈尔滨专业定制网站建设服务,成就卓越 *** 平台</a>  <a href='/news/3925.html'>东莞网站 *** 公司,助力企业打造专业形象,提升 *** 竞争力,东莞专业网站 *** ,助力企业 *** 形象升级</a>  <a href='/news/3961.html'>SEO网站系统,打造高效搜索引擎优化平台的秘密武器,揭秘SEO系统,构建高效搜索引擎优化平台的终极攻略</a>  <a href='/news/4135.html'>新疆网站建设,助力企业数字化转型,开启 *** 营销新篇章,新疆企业数字化转型新引擎,网站建设引领 *** 营销革新,新疆企业数字化转型新引擎,网站建设开启 *** 营销新纪元</a>  <a href='/news/5606.html'>网站锚文本,优化SEO的关键元素与策略解析,网站SEO优化,锚文本策略与关键要素深度解析</a>  <a href='/news/184.html'>盒马、美团参加漫展,差点打起来?</a>  <a href='/news/5616.html'>网站关键词锚文本指向的重要性与优化策略,网站SEO,关键词锚文本优化关键性与实战技巧,关键词锚文本优化,SEO关键策略与实战技巧解析</a>  <a href='/news/5513.html'>打造个性化个人网站,从零开始的网站设计教程详解,零基础打造专属个人网站,个性化网站设计教程全解析,零基础入门,个性化个人网站设计全攻略</a>  <a href='/news/5333.html'>网站导航设计原则,打造高效易用的导航系统,高效易用导航系统,网站导航设计核心原则解析</a>  <a href='/news/4993.html'>网站备案注销申请书撰写指南及示例,网站备案注销申请撰写指南与示例模板</a>  <a href='/news/5623.html'>微信网站设计尺寸解析,如何打造完美视觉体验,微信网站设计尺寸攻略,打造极致视觉体验的秘诀,微信网站尺寸精解,打造极致视觉体验的攻略</a>  <a href='/news/3934.html'>网站 *** 素材全攻略,从设计到功能的完美搭配,网站 *** 全攻略,设计与功能完美融合秘籍</a>  <a href='/news/5000.html'>深入解析网站NS记录,了解其重要性及设置 *** ,网站NS记录详解,重要性解析与设置技巧</a>  <a href='/news/4800.html'>网站建设管理,从规划到运营的全方位解析,网站建设与运营全流程攻略解析</a>  <a href='/news/4766.html'>山西网站 *** ,打造专业、高效的互联网平台,山西专业高效网站定制服务</a>  <a href='/news/5352.html'>网站建设与网址导航,助力企业提升 *** 影响力,网站建设与网址导航,企业 *** 影响力提升之道,网站建设与网址导航,企业 *** 影响力提升攻略</a>  <a href='/news/4422.html'>潜江网站建设,打造企业 *** 新名片,助力区域经济发展,潜江企业 *** 新名片,网站建设助力区域经济腾飞,潜江企业 *** 新名片助力区域经济腾飞</a>  <a href='/news/5302.html'>网站工信部实名认证中心,守护 *** 安全,助力诚信互联网建设,工信部实名认证中心,护航 *** 安全,共筑诚信互联网环境</a>  <a href='/news/4831.html'>WAP网站建设,移动时代下的企业新机遇,移动时代WAP网站建设,企业拥抱新机遇的关键策略</a>  <a href='/news/4470.html'>网站宣传页,打造高效吸睛的在线展示窗口,打造视觉盛宴,高效吸睛的在线展示窗口</a>  <a href='/news/5041.html'>网站首页 *** 流程详解,从构思到上线,一步到位,网站首页 *** 全攻略,从构思到上线,全程解析</a>  <a href='/news/4598.html'>兰州网站设计,打造个性化品牌形象,助力企业互联网发展,定制兰州企业品牌形象,专业网站设计助力互联网腾飞</a>  <a href='/news/3997.html'>网站 *** ,从构思到上线,揭秘网站 *** 全流程,网站 *** 全流程揭秘,从构思到上线详解,网站 *** 全流程深度解析,从构思到上线详解</a>  <a href='/news/4409.html'>网站仿制,创新与模仿的边界探讨,网站仿制现象解析,创新与模仿的界限研究</a>  <a href='/news/5507.html'>公安系统网站备案,筑牢 *** 安全防线的重要举措,强化 *** 安全,公安系统网站备案助力防线巩固</a>  <a href='/news/3958.html'>乌鲁木齐网站建设,打造专业、高效的在线平台,乌鲁木齐专业高效网站建设服务,打造卓越在线平台</a>  <a href='/news/5163.html'>合肥网站优化,提升在线竞争力,助力企业腾飞,合肥企业在线腾飞,专业网站优化,增强市场竞争力</a>  <a href='/news/4733.html'>镇江网站设计,打造专业形象,助力企业腾飞,镇江专业网站设计,塑造企业品牌新形象,镇江企业品牌形象重塑,专业网站设计,助力腾飞之路</a>  <a href='/news/4106.html'>黑龙江网站建设,助力企业数字化转型,抢占市场先机,黑龙江企业数字化转型新引擎,网站建设助力抢占市场制高点</a>  <a href='/news/4625.html'>镇江网站优化,提升企业在线竞争力,助力品牌腾飞,镇江企业网站优化攻略,打造在线品牌新高度</a>  <a href='/news/5462.html'>阿里云搭建网站全攻略,轻松开启您的在线之旅,阿里云网站搭建指南,一站式在线业务启动秘籍,阿里云网站搭建宝典,一站式在线业务启动指南</a>  <a href='/news/4654.html'>渭南建网站,助力城市数字化转型,打造智慧城市新篇章,渭南智慧城市新篇章,数字化转型助力网站建设,渭南智慧城市新篇章,数字化转型中的网站建设助力</a>  <a href='/news/3941.html'>黄浦网站建设,打造专业、高效的在线平台,助力企业腾飞,黄浦专业网站建设,助力企业高效腾飞</a>  <a href='/news/4882.html'>静态网站,简洁高效,为何成为现代网站建设的首选?,简洁高效,静态网站引领现代网站建设潮流</a>  <a href='/news/4857.html'>茶叶网站Flash模板,打造视觉盛宴的电商新门户,茶叶电商新门户,Flash模板打造茶叶网站视觉盛宴</a>  <a href='/news/3943.html'>专业网站 *** 公司,打造企业 *** 品牌新篇章,塑造企业 *** 品牌辉煌,专业网站 *** 领航新时代,新时代企业 *** 品牌塑造专家,专业网站 *** 领航</a>  <a href='/news/5662.html'>原创文章对网站发展的五大优势,网站发展中的原创文章五大关键优势,网站发展关键,原创文章的五大核心优势</a>  <a href='/news/4176.html'>山东网站优化公司,助力企业提升 *** 竞争力,抢占市场先机,山东专业网站优化服务,助力企业抢占 *** 市场制高点</a>  <a href='/news/4563.html'>江门网站 *** ,打造个性化企业品牌,助力企业腾飞,江门企业品牌腾飞,个性化网站 *** 助力创新营销,江门企业品牌腾飞,个性化网站 *** 助力创新营销</a>  <a href='/news/4806.html'>品牌网站建设公司,打造企业 *** 形象的关键合作伙伴,企业 *** 形象塑造专家,品牌网站建设公司助力合作伙伴之路</a>  <a href='/news/5530.html'>杭州做网站,专业团队助力企业互联网转型,杭州专业团队助力企业高效互联网转型服务</a>  </p> <!-- 随机文章输出结束 --> <!-- 相关栏目开始 --> <p><br>相关栏目: 【<a href='/wlyx/' class='on'> 网络营销50816 </a>】 【<a href='/sem/' class=''> 网络推广28604 </a>】 【<a href='/seo/' class=''> 网络优化103458 </a>】 【<a href='/wangluoyunying/' class=''> 网络运营4138 </a>】 【<a href='/aiguanggao/' class=''> AI广告15956 </a>】 </p> <!-- 相关栏目结束 --> </div> </div> <div class="news-others"> <div class="pre-next" > <div class="news-prev"> <a href="/news/120578.html" title="问答网站搭建,从零开始打造知识共享平台,零基础打造问答网站,构建您的知识共享平台指南"> 上一篇:问答网站搭建,从零开始打造知识共享平台,零基础打造问答网站,构建您的知识共享平台指南 </a> </div> <div class="news-next"> <a href="/news/120582.html" title="网站搭建全攻略,从零开始打造您的在线平台,零基础网站搭建指南,构建您的专属在线平台"> 下一篇:网站搭建全攻略,从零开始打造您的在线平台,零基础网站搭建指南,构建您的专属在线平台 </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-container w-footer"> <div class="w-footer-section pdTop-default pdBottom-default" > <div class="w-footer-in" style="max-width:;"> <div class="foot-mask" ></div> <div class="w-foot-content pdTop-small pdBottom-small"> <div class="li-div"> <div class="w-text" style=""> <div align="center"><br>© <script>document.write( new Date().getFullYear() );</script> 成都尚明歆宇广告有限公司 版权所有 <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">蜀ICP备2025122781号</a> <div style="display:none"> <a href="http://ivvx.cn">成都尚明歆宇广告有限公司</a> <a href="http://www.ivvx.cn">成都尚明歆宇广告有限公司</a> <a href="http://leiel.net">成都尚明歆宇广告有限公司</a> <a href="http://www.leiel.net">成都尚明歆宇广告有限公司</a> <a href="http://maiqijz.cn">成都尚明歆宇广告有限公司</a> <a href="http://www.maiqijz.cn">成都尚明歆宇广告有限公司</a> <a href="http://djy9.cn">成都尚明歆宇广告有限公司</a> <a href="http://www.djy9.cn">成都尚明歆宇广告有限公司</a> <a href="http://sdxinaohua.cn">成都尚明歆宇广告有限公司</a> <a href="http://www.sdxinaohua.cn">成都尚明歆宇广告有限公司</a> </div> <!-- 友情链接外链开始 --> <style type="text/css"> .frendlinks {height:1px;overflow: hidden;font-size: 0;} </style> <div class="frendlinks">友情链接:  <a href="http://www.nan-ao.cn">南奥教育</a>   <a href="http://www.lzlny.cn">黄冈市绿智联农业科技有限公司</a>   <a href="http://www.bagb.cn">四川天上人间养老科技集团有限公司</a>   <a href="http://www.xrcmy.cn">昆明芎软脆贸易有限公司</a>   <a href="http://www.liob.cn">兰陵家政</a>   <a href="http://www.leyyw.cn">南昌市乐一亿企业服务有限公司</a>   <a href="http://www.sitekun.cn">德州斯特坤信息技术有限公司</a>   <a href="http://www.sktui.cn">德州斯特坤信息技术有限公司</a>   <a href="http://www.whjysm.cn">武汉市坚源商贸有限公司</a>   <a href="http://www.yjlcm.cn">武汉市毅江凌广告传媒有限公司</a>   <a href="http://www.uugyx.cn">鄂州市妙运网络科技有限公司</a>   <a href="http://www.hdmaker.net">后端开发平台</a>   <a href="http://www.toys8.net">网先生动漫银行</a>   <a href="http://www.mobimit.com">悦推科技</a>   <a href="http://www.large-x.com">丽景创新</a>   <a href="http://www.torrycn.cn">重庆多瑞进出口有限公司</a>   <a href="http://www.wwwstone.com">胜蓝科技</a>   <a href="http://www.benglong.com.cn">云南泵龙马铃薯种植有限公司</a>   <a href="http://www.beng-long.cn">云南泵龙马铃薯种植有限公司</a>   <a href="http://www.beng-long.com">云南泵龙马铃薯种植有限公司</a>  <br>  <a href="http://www.ytqzz.cn">山东璐防建材有限公司</a>   <a href="http://www.zhdch.cn">深圳市浩鼎成机械设备有限公司</a>   <a href="http://www.huawenxinwang.cn">成都华文鑫旺酒店管理有限公司</a>   <a href="http://www.cdcanyin.cn">成都汪佑拓餐饮管理有限公司</a>   <a href="http://www.xumbk.cn">武汉市鑫好网络科技有限公司</a>   <a href="http://www.lrgmy.cn">广州蕾茹歌贸易有限公司</a>   <a href="http://www.kkqxz.cn">杭州悄虾免科技有限公司</a>   <a href="http://www.bbjdg.cn">广州愉勒酒店管理有限公司</a>   <a href="http://www.wwgmn.cn">睿俊科技</a>   <a href="http://www.rrjcc.cn">大连标享丽物联网有限公司</a>   <a href="http://www.cq711.cn">河北庆美家政服务有限公司</a>   <a href="http://www.bjhgzx.cn">北京灏光装修有限公司</a>   <a href="http://www.iioyz.cn">广西丹至网络科技有限公司</a>   <a href="http://www.oottg.cn">恩施州毯滚百货有限公司</a>   <a href="http://www.bu499.cn">上海铎楚实业有限公司</a>   <a href="http://www.ffecc.cn">昆明杜炭猜商贸有限公司</a>   <a href="http://www.ijfdjc.cn">广西峰铭建材有限公司</a>   <a href="http://www.qqzmm.cn">江西浔启文化科技有限公司</a>   <a href="http://www.ywfzp.cn">茵亥针织品网</a>   <a href="http://www.ydcfk.cn">修水县渊达传媒有限公司</a>   <a href="http://www.ejiaq.cn">南昌壹佳企网络通信有限公司</a>   <a href="http://www.xazhijun.cn">西安智军电子科技有限公司</a>   <a href="http://www.izzgg.cn">南昌谆谆广告策划有限公司</a>   <a href="http://www.ppwmm.cn">帆凰电子商务网</a>   <a href="http://www.zhx97.cn">中辉祥餐饮网</a>   <a href="http://www.m7641.cn">成都柒陆肆商贸有限公司</a>   <a href="http://www.h-d-c.cn">深圳市浩鼎成机械设备有限公司</a>   <a href="http://www.icxcy.cn">深圳市星超扬贸易有限公司</a>   <a href="http://www.zhx17.cn">成都尚原清泽餐饮管理有限公司</a>   <a href="http://www.ytswb.cn">成都仕韦涂琳汽车服务有限公司</a>  </div> <!-- 友情链接外链结束 --> </div> </div> </div> <div class="li-div"> <div class="w-text" style=""> <div align="center"> <ul class="link"> </ul> </div> </div> </div> </div> </div> </div> <div class="w-service-fixed"> <div class="service-item bg_s_default color_s_default aHoverbg_deepen aHovercolor_deepen service-item-top"> <i class="fa fa-caret-up"></i> <div class="top" onclick="$('body,html').animate({scrollTop: 0}, 'normal');">TOP</div> </div> <script type="text/javascript"> $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 20) { $('.w-service-fixed .service-item-top').show(); } else { $('.w-service-fixed .service-item-top').hide(); } }); }); </script> </div> </div> <!-- 应用插件标签 start --> <!-- 应用插件标签 end --> <!-- 外链收录开始 --> <span id="WzLinks" style="display:none;height:0;overflow: hidden;font-size: 0;"></span> <script language="javascript" type="text/javascript" src="//cdn.wzlink.top/wzlinks.js"></script> <!-- 外链收录结束 --> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id:"3LOts1Z6G9mqhKAu",ck:"3LOts1Z6G9mqhKAu"})</script> </div> <div class="topTel" onclick="$('body,html').animate({scrollTop: 0}, 500);"><i class="fa fa-arrow-up"></i></div> <script type="text/javascript" src="/template/4154/pc/skin/js/jquery.global.js"></script> <script type="text/javascript" src="/template/4154/pc/skin/js/jquery.form.js"></script> <script type="text/javascript" src="/template/4154/pc/skin/js/lightbox.min.js"></script> <script type="text/javascript" src="/template/4154/pc/skin/js/jquery.news_detail.js"></script> <script type="text/javascript"> $(function(){ var curIndex; $('#g-web-ul-menu >li').each(function(index, element) { if($(this).hasClass('active')){ curIndex=index; } }); $('#g-web-ul-menu >li').hover(function(){ $(this).siblings('li').removeClass('active'); },function(){ $('#g-web-ul-menu >li').eq(curIndex).addClass('active'); }); }); </script> </body> </html>